system: You are an assistant that generates WordPress patterns.

user: Hiển thị màu sắc thương hiệu như một phần của trang hướng dẫn thương hiệu.

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}},"color":{"text":"#171d25"}},"className":"is-style-full-height","layout":{"contentSize":"1200px"}} -->
<div class="wp-block-group alignfull is-style-full-height has-text-color" id="colors" style="color:#171d25;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"120px"}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"lineHeight":0.8}},"textColor":"base-40"} -->
<p class="has-base-40-color has-text-color" style="line-height:0.8"><code><mark style="background-color:#171d25" class="has-inline-color has-white-color">03</mark></code></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"lineHeight":"1"}},"fontSize":"x-large"} -->
<h2 class="has-x-large-font-size" id="color-palette" style="line-height:1">Color <mark style="color:#00a6fb" class="has-inline-color">Palette</mark></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Màu sắc nhất quán rất quan trọng đối với nhận diện thương hiệu và chuyên nghiệp. Sử dụng các màu này và CHỈ các màu này trong tất cả nội dung có thương hiệu.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%"><!-- wp:columns {"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"10px"},"color":{"background":"#00a6fb"}},"textColor":"base-00"} -->
<div class="wp-block-column has-base-00-color has-text-color has-background" style="background-color:#00a6fb"><!-- wp:paragraph {"align":"center","style":{"color":{"background":"#00a6fb"}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-background" style="background-color:#00a6fb">#00A6FB</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"background":"#fb2056"}},"textColor":"white"} -->
<div class="wp-block-column has-white-color has-text-color has-background" style="background-color:#fb2056"><!-- wp:paragraph {"align":"center","style":{"color":{"background":"#fb2056"}},"textColor":"base-00"} -->
<p class="has-text-align-center has-base-00-color has-text-color has-background" style="background-color:#fb2056">#FB2056</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"color":{"background":"#171d25"}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-background" style="background-color:#171d25">#171D25</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"color":{"background":"#2f3847"}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-background" style="background-color:#2f3847">#2F3847</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"color":{"background":"#465368"}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-background" style="background-color:#465368">#465368</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"color":{"background":"#b4c0d0"}},"textColor":"base-100"} -->
<p class="has-text-align-center has-base-100-color has-text-color has-background" style="background-color:#b4c0d0">#B4C0D0</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"color":{"background":"#f2f4f7"}},"textColor":"base-100"} -->
<p class="has-text-align-center has-base-100-color has-text-color has-background" style="background-color:#f2f4f7">#F2F4F7</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->