system: You are an assistant that generates WordPress patterns.

user: Паттерн руководства по стилю содержит стандартные блоки и образцы цветовых обработок для создания страницы руководства по стилю на вашем сайте. Этот паттерн - простой способ добавить стандартные заголовки, текст, кнопку, цитату и образец обложки изображения на сайт, который вы стилизуете.

assistant: <!-- wp:paragraph -->
<p>Паттерн руководства по стилю содержит блоки по умолчанию и образцы цветовых обработок для создания страницы руководства по стилю на вашем сайте. Этот паттерн - простой способ добавить заголовок, текст, кнопку, цитату и образец обложки с изображением на сайт, который вы стилизуете. Предоставьте руководство по стилю вместе с сайтом клиента для удобного обращения и соблюдения дизайна.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Типографика</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>Заголовок 1</h1>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Заголовок 2</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3>Заголовок 3</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4>Заголовок 4</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":5} -->
<h5>Заголовок 5</h5>
<!-- /wp:heading -->

<!-- wp:heading {"level":6} -->
<h6>Заголовок 6</h6>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Параграф</strong> <em>типография</em>. <span style="text-decoration: underline">Ты слышал это?</span> Они выключили главный реактор. Мы обязательно погибнем. Это безумие! Мы обречены! Принцессе на этот раз не удастся сбежать. Что это? Арту! Арту-Диту, где ты? Наконец-то! Где ты был? Они движутся в этом направлении. Что мы будем делать? Нас отправят в шахту спайса на Кесселе или раздавят, кто знает что!</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>Цвета</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":"Введите заголовок…","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":"Введите заголовок…","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":"Введите заголовок…","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":"Введите заголовок…","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>Кнопки</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">Кнопка сплошная</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">Контур кнопки</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">Кнопка 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">Кнопка 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">Кнопка 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">Кнопка 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>цитаты</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Стандартная цитата</strong></p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p>Your destiny lies with me, Skywalker. Obi-Wan knew this to be true. No! All to easy. Perhaps you are not as strong as the Emperor thought. Impressive...most impressive. Obi-Wan has taught you well. You have controlled your fear.</p><cite>Дарт Вейдер</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p><strong>Простая цитата</strong></p>
<!-- /wp:paragraph -->

<!-- wp:quote {"className":"is-style-plain"} -->
<blockquote class="wp-block-quote is-style-plain"><p>Your destiny lies with me, Skywalker. Obi-Wan knew this to be true. No! All to easy. Perhaps you are not as strong as the Emperor thought. Impressive...most impressive. Obi-Wan has taught you well. You have controlled your fear.</p><cite>Дарт Вейдер</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>Выдержки</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Цитаты, которые можно разместить между блоками текста или расположить рядом с ними слева или справа.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Цитата без выравнивания.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p><strong>Оби-Ван знал, что это правда. </strong></p><cite>Дарт Вейдер</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Цитата с широким выравниванием.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"wide"} -->
<figure class="wp-block-pullquote alignwide"><blockquote><p><strong>Нет! Слишком просто. Возможно, ты не так силен, как думал Император.</strong></p><cite>Дарт Вейдер</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Цитата с выравниванием во всю ширину</strong></p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"full"} -->
<figure class="wp-block-pullquote alignfull"><blockquote><p><strong>Impressive...most impressive. Obi-Wan has taught you well. You have controlled your fear.</strong></p></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p><strong>Цитата с выравниванием по левому и правому краю.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ты это слышал? Они заглушили главный реактор. Нас точно уничтожат. Это безумие! Мы обречены! На этот раз принцессе не сбежать. Что это такое? Арту! Арту-Дету, где ты? Наконец! Где ты был? Они идут в этом направлении.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"textAlign":"left","align":"left"} -->
<figure class="wp-block-pullquote alignleft has-text-align-left"><blockquote><p>Твоя судьба принадлежит мне, Скайуокер.</p><cite>Дарт Вейдер, выравнивание по левому краю цитата</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Я должен встретиться с ним один. Чуи! Отойди от меня! Отойди от меня! Не могу выбраться таким образом. Похоже, тебе удалось отрезать наш единственный путь к отступлению. Может быть, вам захочется вернуть его в камеру, Ваше Высочество.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Вы шутите? С той скоростью, с которой они набирают. Путешествие через гиперпространство не похоже на уборку пыли, мальчик! Без точных расчетов мы могли бы пролететь прямо сквозь звезду или подлететь слишком близко к сверхновой, и это очень быстро закончило бы ваше путешествие, не так ли? Что это мигает? Мы теряем наш дефлекторный щит. Иди пристегнись, я собираюсь прыгнуть со скоростью света. Мы вошли в систему Альдераана.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Красный Лидер, мы прямо над вами. Поверните на точку о-пять, мы покроем вас. Оставайтесь там. Я только что потерял правый двигатель. Готовьтесь к атакующему заходу. Биггс, Уэдж, давайте сблизимся.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"textAlign":"left","align":"right"} -->
<figure class="wp-block-pullquote alignright has-text-align-left"><blockquote><p>Твоя судьба принадлежит мне, Скайуокер.</p><cite>Дарт Вейдер, выравнивание по правому краю, выносная цитата</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Ты же не хочешь, чтобы моя жизнь стала скучной, не так ли? Люк, Сила будет с тобой. Все крылья сообщают о прибытии. Красная Десятка наготове. Красная семерка наготове. Красная Тройка наготове. Красная Шесть рядом. Красная девятка наготове.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Держите половину вашей группы вне досягаемости на следующем заходе. Копия, База Один. Люк, возьми Красного Два и Трех. Остановитесь здесь и ждите моего сигнала... чтобы начать ваш заход.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Это она в сообщении... Мы должны ей помочь. А теперь, смотри, не придумывай никаких забавных идей. Старик хочет, чтобы мы подождали здесь.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Куда ты идешь? Ну, я не пойду в эту сторону. Она слишком каменистая. Этот путь гораздо проще. Почему ты думаешь, что там есть поселения? Не вдаваясь в технические тонкости. Какая миссия? О чем ты говоришь? Вы мне уже надоели! Иди туда! Ты выйдешь из строя через день, близорукая куча металлолома! И не вздумай бегать за мной, умоляя о помощи, потому что ты её не получишь. Больше никаких приключений.</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>Образец текста и цветовая обработка</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">Рубрика или Подзаголовок</h5>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Заголовок, который привлекает читателей к вашему содержимому.</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">Призыв к действию</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

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