system: You are an assistant that generates WordPress patterns.

user: Mẫu hướng dẫn kiểu dáng bao gồm các khối mặc định và các xử lý màu mẫu để tạo trang hướng dẫn kiểu dáng trên trang web của bạn. Mẫu này là một cách dễ dàng để thêm tiêu đề mặc định, văn bản, nút, trích dẫn và nội dung trang bìa hình ảnh mẫu vào trang web bạn đang tạo kiểu.

assistant: <!-- wp:paragraph -->
<p>Mẫu hướng dẫn kiểu dáng bao gồm các khối mặc định và các xử lý màu mẫu để tạo trang hướng dẫn kiểu dáng trên trang web của bạn. Mẫu này là một cách dễ dàng để thêm tiêu đề mặc định, văn bản, nút, trích dẫn và nội dung trang bìa hình ảnh mẫu vào trang web bạn đang tạo kiểu. Giao hướng dẫn kiểu dáng cùng với trang web của khách hàng để dễ dàng tham khảo và tuân thủ thiết kế.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>chữ viết</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>Tiêu đề 1</h1>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Tiêu đề 2</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3>Tiêu đề 3</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4>Tiêu đề 4</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":5} -->
<h5>Tiêu đề 5</h5>
<!-- /wp:heading -->

<!-- wp:heading {"level":6} -->
<h6>Tiêu đề 6</h6>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Paragraph</strong> <em>typography</em>. <span style="text-decoration: underline">Did you hear that?</span> They've shut down the main reactor. We'll be destroyed for sure. This is madness! We're doomed! There'll be no escape for the Princess this time. What's that? Artoo! Artoo-Detoo, where are you? At last! Where have you been? They're heading in this direction. What are we going to do? We'll be sent to the spice mine of Kessel or smashed into who knows what!</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>màu sắc</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":"Viết tiêu đề…","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":"Viết tiêu đề…","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":"Viết tiêu đề…","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":"Viết tiêu đề…","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>Nút</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">Nút Rắn</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">Nút Viền</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">Nút 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">Nút 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">Nút 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">Nút 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>Trích dẫn</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Default Quote</strong></p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p>Số phận của ngươi nằm trong tay ta, Skywalker. Obi-Wan biết điều này là sự thật. Không! Quá dễ dàng. Có lẽ ngươi không mạnh như Hoàng đế nghĩ. Ấn tượng...rất ấn tượng. Obi-Wan đã dạy ngươi rất tốt. Ngươi đã kiểm soát được nỗi sợ hãi của mình.</p><cite>Darth Vader</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p><strong>Plain Quote</strong></p>
<!-- /wp:paragraph -->

<!-- wp:quote {"className":"is-style-plain"} -->
<blockquote class="wp-block-quote is-style-plain"><p>Số phận của ngươi nằm trong tay ta, Skywalker. Obi-Wan biết điều này là sự thật. Không! Quá dễ dàng. Có lẽ ngươi không mạnh như Hoàng đế nghĩ. Ấn tượng...rất ấn tượng. Obi-Wan đã dạy ngươi rất tốt. Ngươi đã kiểm soát được nỗi sợ hãi của mình.</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>Trích dẫn nổi bật</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Trích dẫn có thể được đặt giữa các khối văn bản hoặc được định vị cùng với chúng ở bên trái hoặc bên phải.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Pullquote with no alignment.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p><strong>Obi-Wan biết điều này là sự thật.</strong></p><cite>Darth Vader</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Pullquote with wide alignment.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"wide"} -->
<figure class="wp-block-pullquote alignwide"><blockquote><p><strong>Không! Quá dễ dàng. Có lẽ ngươi không mạnh như Hoàng đế nghĩ.</strong></p><cite>Darth Vader</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Pullquote with full width alignment</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"full"} -->
<figure class="wp-block-pullquote alignfull"><blockquote><p><strong>Ấn tượng...rất ấn tượng. Obi-Wan đã dạy ngươi rất tốt. Ngươi đã kiểm soát được nỗi sợ hãi của mình.</strong></p></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Pullquote with left and right alignment.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ngươi có nghe thấy không? Họ đã tắt lò phản ứng chính. Chúng ta chắc chắn sẽ bị phá hủy. Điều này thật điên rồ! Chúng ta đã bị tiêu diệt! Sẽ không có lối thoát cho Công chúa lần này. Cái gì thế? Artoo! Artoo-Detoo, ngươi ở đâu? Cuối cùng! Ngươi đã đi đâu? Họ đang hướng về phía này.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"textAlign":"left","align":"left"} -->
<figure class="wp-block-pullquote alignleft has-text-align-left"><blockquote><p>Số phận của ngươi nằm trong tay ta, Skywalker.</p><cite>Darth Vader, trích dẫn căn chỉnh trái</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Ta phải đối mặt với hắn một mình. Chewie! Lùi lại phía sau ta! Lùi lại phía sau ta! Không thể thoát ra theo cách đó. Có vẻ như ngươi đã chặn lối thoát duy nhất của chúng ta. Có lẽ ngươi muốn nó quay lại trong chuồng của ngươi, Thưa Hoàng thượng.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Bạn đang đùa à? Với tốc độ họ đang đạt được. Du hành qua siêu không gian không giống như quét bụi cây trồng, con trai! Nếu không có phép tính chính xác, chúng ta có thể bay thẳng qua một ngôi sao hoặc va chạm quá gần với siêu tân tinh và điều đó sẽ kết thúc chuyến đi của bạn rất nhanh, phải không? Cái gì đang nhấp nháy thế? Chúng ta đang mất lá chắn lệch hướng. Đi thắt dây an toàn vào, tôi sẽ nhảy đến tốc độ ánh sáng. Chúng ta đã đi vào hệ thống Alderaan.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lãnh đạo Đỏ, chúng tôi ở ngay phía trên bạn. Xoay đến điểm. oh-five, chúng tôi sẽ che chắn cho bạn. Ở lại đó. Tôi vừa mất động cơ mạn phải. Chuẩn bị để thực hiện cuộc tấn công của bạn. Biggs, Wedge, chúng ta hãy kết thúc nó.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"textAlign":"left","align":"right"} -->
<figure class="wp-block-pullquote alignright has-text-align-left"><blockquote><p>Số phận của ngươi nằm trong tay ta, Skywalker.</p><cite>Darth Vader, trích dẫn thẳng hàng bên phải</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Bạn không muốn cuộc sống của tôi trở nên nhàm chán, phải không? Luke, Lực lượng sẽ ở bên bạn. Tất cả các cánh báo cáo. Đỏ Mười sẵn sàng. Đỏ Bảy sẵn sàng. Đỏ Ba sẵn sàng. Đỏ Sáu sẵn sàng. Đỏ Chín sẵn sàng.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Giữ một nửa nhóm của bạn ngoài tầm với cho lần chạy tiếp theo. Sao chép, Căn cứ Một. Luke, lấy Đỏ Hai và Đỏ Ba. Giữ ở đây và chờ tín hiệu của tôi...để bắt đầu lần chạy của bạn.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cô ấy là người trong tin nhắn .. Chúng ta phải giúp cô ấy. Bây giờ, nhìn này, đừng có ý tưởng buồn cười nào. Ông già muốn chúng ta chờ ở đây.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Bạn đang đi đâu? Chà, tôi không đi theo hướng đó. Nó quá nhiều đá. Hướng này dễ dàng hơn nhiều. Điều gì khiến bạn nghĩ rằng có những khu định cư ở đó? Đừng có kỹ thuật với tôi. Nhiệm vụ gì? Bạn đang nói về cái gì? Tôi đã có đủ bạn rồi! Đi theo hướng đó! Bạn sẽ bị trục trặc trong vòng một ngày, bạn là một đống rác cận thị! Và đừng để tôi bắt gặp bạn đi theo tôi xin giúp đỡ, bởi vì bạn sẽ không nhận được nó. Không còn cuộc phiêu lưu nào nữa.</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>Văn bản mẫu và xử lý màu</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">Danh mục hoặc Tiêu đề phụ</h5>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Tiêu đề hấp dẫn thu hút độc giả vào nội dung của bạn.</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">Lời kêu gọi hành động</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

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