system: You are an assistant that generates WordPress patterns.

user: Modelul Ghid stiluri evidențiază blocurile implicite și un exemplu pentru aplicarea culorilor ca să creezi o pagină cu un ghid pentru stiluri pe site-ul tău. Acest model este o modalitate ușoară de a adăuga text, un titlu, un buton, un citat și conținut în imaginea de copertă pe site-ul pe care îl creezi.

assistant: <!-- wp:paragraph -->
<p>Modelul Ghid stiluri evidențiază blocurile implicite și un exemplu pentru aplicarea culorilor ca să creezi o pagină cu un ghid pentru stiluri pe site-ul tău. Acest model este o modalitate ușoară de a adăuga text, un titlu, un buton, un citat și conținut în imaginea de copertă pe site-ul pe care îl creezi. Livrezi foarte ușor modelul Ghid stiluri pe site-urile clienților ca să ai aderență la proiectare.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Tipografice</h2>
<!-- /wp:heading -->

<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:heading {"level":1} -->
<h1>Subtitlu 1</h1>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Subtitlu 2</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3>Subtitlu 3</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4>Subtitlu 4</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":5} -->
<h5>Subtitlu 5</h5>
<!-- /wp:heading -->

<!-- wp:heading {"level":6} -->
<h6>Subtitlu 6</h6>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Paragraf</strong> <em>tipografice</em>. <span style="text-decoration: underline">Ai auzit?</span> Au oprit reactorul principal. Vom fi distruși cu siguranță. E o nebunie! Suntem condamnați! Prințesa mai are scăpare de data asta. Ce-i asta? Artoo! Artoo-Detoo, unde ești? În sfârșit! Unde ai fost? Ei au luat-o în direcția aceasta. Ce vom face? Vom fi trimiși la mina de mirodenii din Kessel sau vom fi zdrobiți în cine știe ce!</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>Culori</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"overlayColor":"black","minHeight":180,"minHeightUnit":"px"} -->
<div class="wp-block-cover" style="min-height:180px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Scrie un titlu...","fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size">#000000</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"overlayColor":"cyan-bluish-gray","minHeight":180,"minHeightUnit":"px","isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:180px"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Scrie un titlu...","textColor":"black","fontSize":"small"} -->
<p class="has-text-align-center has-black-color has-text-color has-small-font-size">#ABB8C3</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"overlayColor":"vivid-cyan-blue","minHeight":180,"minHeightUnit":"px"} -->
<div class="wp-block-cover" style="min-height:180px"><span aria-hidden="true" class="wp-block-cover__background has-vivid-cyan-blue-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Scrie un titlu...","textColor":"black","fontSize":"small"} -->
<p class="has-text-align-center has-black-color has-text-color has-small-font-size">#0693E3</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"overlayColor":"pale-cyan-blue","minHeight":180,"minHeightUnit":"px","isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:180px"><span aria-hidden="true" class="wp-block-cover__background has-pale-cyan-blue-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Scrie un titlu...","textColor":"black","fontSize":"small"} -->
<p class="has-text-align-center has-black-color has-text-color has-small-font-size">#8ED1FC</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>Butoane</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Buton plin</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Contur buton</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":25} -->
<div class="wp-block-button has-custom-width wp-block-button__width-25"><a class="wp-block-button__link wp-element-button">Buton 25%</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link wp-element-button">Buton 50%</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":75} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75"><a class="wp-block-button__link wp-element-button">Buton 75%</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button">Buton 100%</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>citate</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Citat implicit</strong></p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p>Destinul tău depinde de mine, Skywalker. Obi-Wan știa că acesta este adevărul. Nu! Totul este prea ușor. Poate că nu ești atât de puternic pe cât credea Împăratul. Impresionant... foarte impresionant. Obi-Wan te-a învățat bine. Ți-ai controlat frica.</p><cite>Darth Vader</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p><strong>Citat simplu</strong></p>
<!-- /wp:paragraph -->

<!-- wp:quote {"className":"is-style-plain"} -->
<blockquote class="wp-block-quote is-style-plain"><p>Destinul tău depinde de mine, Skywalker. Obi-Wan știa că acesta este adevărul. Nu! Totul este prea ușor. Poate că nu ești atât de puternic pe cât credea Împăratul. Impresionant... foarte impresionant. Obi-Wan te-a învățat bine. Ți-ai controlat frica.</p><cite>Darth Vader</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>Citate</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Citate care pot fi plasate între blocurile cu text sau poziționate alături de ele, în stânga sau dreapta.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Citat fără aliniere.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p><strong>Obi-Wan știa că acesta este adevărul.</strong></p><cite>Darth Vader</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Citat cu aliniere lată.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"wide"} -->
<figure class="wp-block-pullquote alignwide"><blockquote><p><strong>Nu! Totul este prea ușor. Poate că nu ești atât de puternic pe cât credea Împăratul.</strong></p><cite>Darth Vader</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Citat cu aliniere pe toată lățimea</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"full"} -->
<figure class="wp-block-pullquote alignfull"><blockquote><p><strong>Impresionant... foarte impresionant. Obi-Wan te-a învățat bine. Ți-ai controlat frica.</strong></p></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Citat cu aliniere la stânga și la dreapta.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ai auzit? Au oprit reactorul principal. Vom fi distruși cu siguranță. E o nebunie! Suntem condamnați! Prințesa mai are scăpare de data asta. Ce-i asta? Artoo! Artoo-Detoo, unde ești? În sfârșit! Unde ai fost? Ei au luat-o în direcția aceasta.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"textAlign":"left","align":"left"} -->
<figure class="wp-block-pullquote alignleft has-text-align-left"><blockquote><p>Destinul tău ține de mine, Skywalker.</p><cite>Darth Vader, citat aliniat la stânga</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Trebuie să-l înfrunt singur. Chewie! Treci în spatele meu! Treci în spatele meu! Nu pot ieși așa. Se pare că ai reușit să blochezi singura noastră cale de evacuare. Poate ți-ar plăcea să te întorci în celulă, alteță.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Glumești? În ritmul acesta, vor câștiga. Călătorind prin hiper-spațiu nu este floare la ureche, băiete! Fără calcule precise, am putea zbura direct printr-o stea sau am sări prea aproape de o supernovă și asta ți-ar pune capăt călătoriei foarte repede, nu-i așa? Ce este acel bec intermitent? Ne pierdem scutul deflector. Prinde-ți centura, o să trec la viteza luminii. Am intrat în sistemul Alderaan.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lider roșu, suntem chiar deasupra ta. Întoarce-te la punct. Oh-cinci, te acoperim. Stai aici. Tocmai mi-am pierdut motorul de la tribord. Pregătește-te să ataci. Biggs, Wedge, hai să terminăm cu asta.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"textAlign":"left","align":"right"} -->
<figure class="wp-block-pullquote alignright has-text-align-left"><blockquote><p>Destinul tău ține de mine, Skywalker.</p><cite>Darth Vader, citat aliniat la dreapta</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Nu ai vrea ca viața mea să devină plictisitoare, nu-i așa? Luke, Forța va fi cu tine. Toate aripile raportează. Red Ten în așteptare. Red Seven în așteptare. Roșu Trei în așteptare. Red Six în așteptare. Red Nine în așteptare.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Păstrează jumătate din grup în afara intervalului pentru următoarea cursă. Recepționezi, Baza Unu. Luke, ia-l pe Red Two și Three. Stai aici și așteaptă semnalul meu.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ea este cea din mesaj. Trebuie să o ajutăm. Acum, uite, nu-i da idei amuzante. Bătrânul vrea să așteptăm chiar aici.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Unde te duci? Ei bine, nu merg acolo. E mult prea stâncos. Pe aici este mult mai ușor. Ce te face să crezi că există așezări omenești acolo? Nu mă lua de sus. Ce misiune? Despre ce vorbești? M-am săturat de tine! Pleacă! Te vei defecta într-o zi, grămadă mioapă de resturi ce ești! Și să nu te prind că te întorci cerșind ajutor, pentru că nu vei primi. Gata cu aventurile.</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>Aplicare text simplu și culori</h2>
<!-- /wp:heading -->

<!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-2-pia11735_orig.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=44e5721d038ddca51c84b8ff96099368","id":null,"dimRatio":60,"focalPoint":{"x":"0.37","y":"0.47"},"minHeight":596,"minHeightUnit":"px","customGradient":"linear-gradient(135deg,rgb(2,3,129) 49%,rgb(40,116,252) 100%)","contentPosition":"bottom left","align":"full","style":{"spacing":{"padding":{"top":"80px","right":"80px","bottom":"20px","left":"80px"}}}} -->
<div class="wp-block-cover alignfull has-custom-content-position is-position-bottom-left" style="padding-top:80px;padding-right:80px;padding-bottom:20px;padding-left:80px;min-height:596px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgb(2,3,129) 49%,rgb(40,116,252) 100%)"></span><img class="wp-block-cover__image-background" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-2-pia11735_orig.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=44e5721d038ddca51c84b8ff96099368" style="object-position:37% 47%" data-object-fit="cover" data-object-position="37% 47%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"contentSize":"600px"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":5,"textColor":"white","fontSize":"large"} -->
<h5 class="has-white-color has-text-color has-large-font-size">Categorie sau subtitlu</h5>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Un titlu convingător care îți atrage vizitatorii să citească conținutul.</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"pale-cyan-blue","textColor":"black","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-black-color has-pale-cyan-blue-background-color has-text-color has-background wp-element-button">ÎNDEMN LA ACȚIUNE</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->