Styleguide
Source of truth of this template.

Link Block : Normal / 16px / 28px (mobile 14px 22px)

‍

<H1νƒœκ·Έ>더 길게 λŠ˜μ—¬μ¨λ³Όκ²Œμš”. 제λͺ©μ΄ κΈΈμ–΄μ§ˆ μˆ˜λ„ μžˆλŠ” μΌμ΄λ‹ˆκΉŒμš”. μ΄λ ‡κ²Œ λ©λ‹ˆλ‹€.파볼 κΈ°μ—… 5호: μ•Όλ†€μž

<Paragraph> 였늘 파볼 기업은 β€˜μ•Όλ†€μžβ€™ μ˜ˆμš”. μ•Όλ†€μž ν•˜λ©΄ λ°”λ‘œ λͺ¨ν…”이 μƒκ°λ‚˜μ£ . μ»€ν”ŒλΌλ¦¬ λͺ¨ν…” μ˜ˆμ•½ν•  λ•Œ μ“°λŠ” μ•±μ΄μž–μ•„μš”. 근데 κ·Έκ±° μ•„μ„Έμš”? 우리 손에 μžˆλŠ” 이 λͺ¨ν…” μ•±μ˜ κΈ°μ—… κ°€μΉ˜κ°€ λŒ€ν•œν•­κ³΅ μ‹œκ°€μ΄μ•‘μ΄λž‘ 거의 맞먹고 μžˆμ–΄μš”. λΉ„ν–‰κΈ° 수 λ°±λŒ€ κ°€μ§€κ³  μžˆλŠ” μš°λ¦¬λ‚˜λΌ 졜고의 ν•­κ³΅μ‚¬λž‘ 이 λͺ¨ν…” 앱이 λΉ„μŠ·ν•œ 규λͺ¨μΈ κ±°μ£ . λ―ΏκΈ° νž˜λ“€μ£ ? 사싀 μ•Όλ†€μžλŠ” <Bold>μΏ νŒ‘μ„ λ°œκ΅΄ν–ˆλ˜ μ†μ •μ˜ μ†Œν”„νŠΈλ±…ν¬κ·Έλ£Ή 회μž₯의 선택을 받은 κΈ°μ—…μž…λ‹ˆλ‹€. 데이트 ν•  λ•Œ μ“°λ˜ <Italic>λͺ¨ν…” μ•±μ—μ„œ, μ†μ •μ˜ 회μž₯의 선택을 λ°›κ³  10μ‘° 투자λ₯Ό 받은 β€˜μ•Όλ†€μžβ€™<ν•˜λ‹¨ μ„€λͺ…>μ•Όλ†€μžλŠ” λŒ€ν•œλ―Όκ΅­μ˜ μŠ€νƒ€νŠΈμ—…μ΄λ‹€. μ˜€λŠ˜μ€ μ•Όλ†€μžλ₯Ό μ œλŒ€λ‘œ <링크>ν΄λ¦­ν•΄λ³΄μ„Έμš”.

  • 첫번째
  • λ‘λ²ˆμ§Έ 포인
사진 ν•˜λ‹¨ μΊ‘μ…˜
Editor’s note
λ‚΄κ°€ μ’‹μ•„ν•˜λŠ” β€˜κ·Έ λΈŒλžœλ“œβ€™λŠ” μ–΄λ–»κ²Œ λ‚΄ 지갑을 ν„Έκ³  μžˆλŠ” 걸까? MZ μ„ΈλŒ€μ˜ μ΅œμ•  κΈ°μ—… λ””κΉ… μ‹œλ¦¬μ¦ˆ, <νŒŒλ³΄λ‹ˆκΉŒ>. 4νŽΈμ€ μ—¬κ°€μ˜ νŒ¨λŸ¬λ‹€μž„μ„ μ „ν™˜ν•˜κ³  μžˆλŠ” μ•Όλ†€μž μž…λ‹ˆλ‹€. λͺ¨ν…” μ•±μœΌλ‘œ μ‹œμž‘ν•œ μ•Όλ†€μžλŠ” μ–΄λ–»κ²Œ 여행산업을 ν”λ“€μ—ˆμ„κΉŒμš”?

‍
<H1> 이것은 H1νƒœκ·Έ 제λͺ©μž…λ‹ˆλ‹€

‍
<H2> 이것은 H2νƒœκ·Έ 제λͺ©μ΄κ΅¬μš”. μ•½κ°„ κΈΈμ–΄μ§€λŠ” 것도 λ³Όκ²Œμš”.

‍
<H3> 이것은 H3νƒœκ·Έ 제λͺ©μ΄κ΅¬μš”. κΈΈμ–΄μ§€λŠ” 것도 λ³Όκ²Œμš”.

‍
<H4> 이것은 H4νƒœκ·Έ 제λͺ©μ΄κ΅¬μš”. κΈΈμ–΄μ§€λŠ” 것도 ν•œλ²ˆ λ΄…μ‹œλ‹€.
‍

<H5> 이것은 H5νƒœκ·Έ 제λͺ©μ΄κ΅¬μš”.
‍
<H6> 이것은 H6νƒœκ·Έ 제λͺ©μž…λ‹ˆλ‹€μš©.

‍

‍

H5 : Bold / 20px / 30px H5 : Bold / 24px / 32px H5 : Bold / 24px / 32px H5 : Bold / 24px / 32px (22/28)

H4 : Bold / 24px / 30px H4 : Bold / 32px / 40px H4 : Bold / 32px / 40px (24/32)

H3 : Bold / 24px / 30px

H2 : Bold / 32px / 40px

H1 : Bold / 48px / 56px (32,40)

Paragraph : Normal / 16px / 28px Bold체 : Bold / 16px / 28px

Italic체 : Normal / 16px /28px

  • 리슀트 μ•„μ΄ν…œ : Normal / 16px / 28px
figure caption : light 14px / 20px

‍

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  • 이것은 list itemμž…λ‹ˆλ‹€
  • Headings, paragraphs, blockquotes, figures, images, and figure captions
  • A rich text element can be used with static or dynamic content.

‍

‍

H6
H5

H4

H3

H2

H1

  1. γ…‡γ…‡γ„΄γ„Ήγ…‡γ„΄γ„Ή
Headings
Heading Jumbo
Heading Jumbo
Heading Jumbo

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Paragraphs & Links

Paragraph-bigger

Paragraph

Paragraph-de-emphasized

Paragraph-smaller

Paragraph-tiny

Label
A text link
Buttons & FormΒ Elements
Rich Text Element

Link Block : Normal / 16px / 28px

Black Quote : Normal / 16px / 28px

이것은 H4 νƒœκ·Έμž…λ‹ˆλ‹€

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Image caption

‍

How to customize formatting for each rich text 이것은 H1νƒœκ·Έ

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  • 이것은 list itemμž…λ‹ˆλ‹€
  • Headings, paragraphs, blockquotes, figures, images, and figure captions
  • A rich text element can be used with static or dynamic content.

‍

‍

H6
H5

H4

H3

H2 이것은 H2νƒœκ·Έ

H1

  1. γ…‡γ…‡γ„΄γ„Ήγ…‡γ„΄γ„Ή

Link Block : Normal / 16px / 28px

Black Quote : Normal / 16px / 28px

이것은 H4 νƒœκ·Έμž…λ‹ˆλ‹€

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Image caption

‍

How to customize formatting for each rich text 이것은 H1νƒœκ·Έ

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  • 이것은 list itemμž…λ‹ˆλ‹€
  • Headings, paragraphs, blockquotes, figures, images, and figure captions
  • A rich text element can be used with static or dynamic content.

‍

‍

H6
H5

H4

H3

H2 이것은 H2νƒœκ·Έ

H1

  1. γ…‡γ…‡γ„΄γ„Ήγ…‡γ„΄γ„Ή
μ•ˆλ…•