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>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>색상</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>너의 운명은 나에게 달렸다, 스카이워커. 오비완은 이 사실을 알고 있었어요. 안 돼! 너무 쉬워요. 넌 황제가 생각한 것만큼 강하지 않은가 보군 인상적이군... 가장 인상적이야. 오비완이 널 잘 가르쳤어. 두려움을 잘 다스렸군.</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>너의 운명은 나에게 달렸다, 스카이워커. 오비완은 이 사실을 알고 있었어요. 안 돼! 너무 쉬워요. 넌 황제가 생각한 것만큼 강하지 않은가 보군 인상적이군... 가장 인상적이야. 오비완이 널 잘 가르쳤어. 두려움을 잘 다스렸군.</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>인상적... 가장 인상적입니다. 오비완이 잘 가르쳤습니다. 두려움을 통제했습니다.</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>제 인생이 지루해지길 바라진 않으시겠죠? 루크, 포스가 당신과 함께할 겁니다. 전 대원 보고하라 레드 10 대기 중 레드 7 준비 완료 레드 3 준비 완료 레드 식스 대기 레드 나인 대기 중</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>다음 실행을 위해 그룹의 절반을 범위 밖으로 유지합니다. 알았다, 1번 기지 루크, 레드 2와 3을 맡아 여기서 대기하고 내 신호를 기다려... 달리기 시작해</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 -->