Typography

Headings

Japanese tea shop

H1

Japanese tea shop

H2

Japanese tea shop

H3

Japanese tea shop

H4
Japanese tea shop
H5
Japanese tea shop
H6

Heading classes

Japanese tea shop

Heading Style 1

Japanese tea shop

Heading Style 2

Japanese tea shop

Heading Style 3

Japanese tea shop

Heading Style 4
Japanese tea shop
Heading Style 5
Japanese tea shop
Heading Style 6

Subtitles

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Subtitle 1

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Subtitle 2

Overline

This is an overline text

Overline

Body text

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Paragraph
Text Default

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Text Default Bold

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Text Small

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Text Small Bold

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Text Extra Small

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Text Extra Small Bold
  • There are several popular types of Japanese tea, with green teas being the most well-known.
  • These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.
  • There are several popular types of Japanese tea, with green teas being the most well-known.
  • These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.
Unordered List
  1. There are several popular types of Japanese tea, with green teas being the most well-known.
  2. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.
  3. There are several popular types of Japanese tea, with green teas being the most well-known.
  4. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.
Ordered List
There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.
Block Quote
This is a text link
Link
Text Link

Alignment

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Text Align Left

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Text Align Center

There are several popular types of Japanese tea, with green teas being the most well-known. These include Sencha, Gyokuro, Matcha, hojicha, and genmaicha.

Text Align Right

Text styles

Text in allcaps

Text Allcaps

Text strikethrough

Text Strikethrough

Text with no wrap

Text Nowrap

Text Colors

Black

Color Black

White

Color White

Neutral dark

Color Neutral Dark

Neutral light

Color Neutral Light

Primary dark

Color Primary Dark

Primary light

Color Primary Light

Rich text

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

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 here

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.

This is a H5 header with some dummy content below

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.

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.

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element.
  1. Bullet list element here that spans across two lines in the paragraph and we need to keep the distance between bullets consistent so it is visually clear.
  2. Bullet list element here that spans across two lines in the paragraph and we need to keep the distance between bullets consistent so it is visually clear.
  3. Bullet list element that is short and sweet.
  4. Bullet list element here that spans across two lines in the paragraph and we need to keep the distance between bullets consistent so it is visually clear.
This is a H6 header with some content below

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.

Icons

Font Awesome Icons

Icons font

copy
copy
copy
Icon Regular
Icon Solid
Is Small
dribbble
linkedin
Icon Brand
Is Medium

Borders

Position

Border
Border Vertical
Border Bottom
Border Top

Color

Border
Is Neutral
Border
Is Primary

Style

Border
Is Dotted

Buttons

Primary

Button Text
Button Primary Solid
Read more
Button Primary Solid
Button Text
Button Primary Solid
Is Small
Read more
Button Primary Solid
Is Small
Button Text
Button Primary Outline
Read more
Button Primary Outline
Button Text
Button Primary Outline
Is Small
Read more
Button Primary Outline
Is Small
Button Text
Button Primary Outline
Read more
Button Primary Outline
Button Text
Button Primary Outline
Is Small
Read more
Button Primary Outline
Is Small

Breadcrumbs

Breadcrumbs
Breadcrumbs
Is Negative

Badge

Featured
Badge Primary
Featured
Badge Primary
Is Negative
Featured
Badge Primary
Is Outline

Containers

Container Default
Container Small

Boxes

Box Full
Box Full Tablet
Box Full Mobile
Box XL
Box XL Tablet
Box XL Mobile
Box L
Box L Tablet
Box L Mobile
Box M
Box M Tablet
Box M Mobile
Box S
Box S Tablet
Box S Mobile
Box XS
Box XS Tablet
Box XS Mobile

Margins

Margin Vertical
Margin Horizontal
Margin Top
Margin Bottom
Margin Left
Margin Right
Margin 0
Margin XS
Margin S
Margin M
Margin L
Margin XL
Margin XXL

Padding

Padding Vertical
Padding Horizontal
Padding Top
Padding Bottom
Padding Left
Padding Right
Padding 0
Padding XS
Padding S
Padding M
Padding L
Padding XL
Padding XXL

Responsive hide

Hide
Hide Tablet
Hide Landscape
Hide Portrait
Hide Desktop L
Hide Desktop XL