Typography

stone: #8D8E92
loden: #788E74
polar: #343540
autumn: #EECEAD
artic: #E6DECF
pink: #F0BDD5
brown: #854D24
navy: #325B74
purple: #C0428B
forest: #21724A
sky: #95D8DE
orange: #FA6815
lightorange: #FBC85F

purple h1

forest h2

orange h3

loden h4

navy h5
polar h6

headline h1

headline h2

headline h3

headline H4

headline H5
headline H6

Default link
Bold link
Bold text
Italic text
Strikethrough
Underline

headline h1

headline h2

headline h3

headline H4

headline H5
headline H6

headline h1

headline h2

headline h3

headline H4

headline H5
headline H6

primary color

secondary color

alert color

SUCCESS COLOR

DEFAULT COLOR

 

headline h1

headline h2

headline h3

headline H4

headline H5
headline H6

This is a paragraph styled with Akagi Pro Book.

Bold Text. sit amet, consectetuer italic text  elit, sed diam nonummy nibh euismod tincidunt ut laoreet underline text magna aliquam erat volutpat. Strike throught. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. A simple link.

This is a paragraph styled with Akagi Pro Book.

Bold Text. sit amet, consectetuer italic text  elit, sed diam nonummy nibh euismod tincidunt ut laoreet underline text magna aliquam erat volutpat. Strike throught. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. A simple link.

This is a paragraph styled with Akagi Pro Book.

Bold Text. sit amet, consectetuer italic text  elit, sed diam nonummy nibh euismod tincidunt ut laoreet underline text magna aliquam erat volutpat. Strike throught. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. A simple link.

Default font

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

Alternative Font.

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

Thin text

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

UPPERCASE

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

This is a Fancy Text Underline

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

This a count up number 5000

Count up number can be added anywhere.

Flatsome Tip

You can find many text options in the “Format” dropdown in text editor.

You see the changes live if you use the Page Builder

Typography on Dark background

Headline h1

Headline h2

Headline h3

Headline h4

Headline h5
Headline h6

headline h1

headline h2

headline h3

headline H4

headline H5
headline H6

primary color

secondary color

alert color

SUCCESS COLOR

DEFAULT COLOR

#FBC85F

#FA6815

#C0428B

21724A

F0BDD5

Default link
Bold link
Bold text
Italic text
Strikethrough
Underline

Lead paragraph. dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Bold Text. sit amet, consectetuer italic text  elit, sed diam nonummy nibh euismod tincidunt ut laoreet underline text magna aliquam erat volutpat. Strike throught. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. A simple link.

Normal Paragraph. sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa

This is a Fancy Text Underline

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

This a count up number 5000

Count up number can be added anywhere.

Quote

Quote. dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Normal Paragraph. sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa. Horizontal Line:

Lists

  • Simple List
  • List item 1
  • List Item 2
  • List item 3
  • List Item 4
  • List Item 5
  1. Numbered List
  2. List item 1
  3. List Item 2
  4. List item 3
  5. List Item 4
  6. List Item 5
  • Checkmark list
  • List Item 2
  • List item 3
  • List Item 4
  • List Item 5
  • Star list
  • List Item 2
  • List item 3
  • List Item 4
  • List Item 5
  • Arrow List
  • List Item 2
  • List item 3
  • List Item 4
  • List Item 5

Quote

This is Akagi Pro Book Italic.

This is Akagi Pro Bold.

This is Akagi Pro Bold Italic.

 

This is Lust Regular.

This is Lust Italic.

This is Lust Display.

This is Lust Display Italic.

This is Lust Fine.

This is Lust Fine Italic.

 

This is Superior Title Light.

This is Superior Title Light Italic.

This is Superior Title Regular.

This is Superior Title Italic.

This is Superior Title Medium.

This is Superior Title Medium Italic.

This is Superior Title Bold.

This is Superior Title Bold Italic.

This is Superior Title Black.

This is Superior Title Black Italic.

 

This is Akagi Pro Book Italic.

This is Akagi Pro Bold.

This is Akagi Pro Bold Italic.

 

This is Lust Regular.

This is Lust Italic.

This is Lust Display.

This is Lust Display Italic.

This is Lust Fine.

This is Lust Fine Italic.

 

This is Superior Title Light.

This is Superior Title Light Italic.

This is Superior Title Regular.

This is Superior Title Italic.

This is Superior Title Medium.

This is Superior Title Medium Italic.

This is Superior Title Bold.

This is Superior Title Bold Italic.

This is Superior Title Black.

This is Superior Title Black Italic.

 





Font Styles Example


Font Styles Example

Akagi Pro Fonts

Akagi Pro Book

This is a paragraph styled with Akagi Pro Book.

Akagi Pro Book Italic

This is a paragraph styled with Akagi Pro Book Italic.

Akagi Pro Bold

This is a paragraph styled with Akagi Pro Bold.

Akagi Pro Bold Italic

This is a paragraph styled with Akagi Pro Bold Italic.

Lust Fonts

Lust Regular

This is a paragraph styled with Lust Regular.

Lust Italic

This is a paragraph styled with Lust Italic.

Lust Display

This is a paragraph styled with Lust Display.

Lust Display Italic

This is a paragraph styled with Lust Display Italic.

Lust Fine

This is a paragraph styled with Lust Fine.

Lust Fine Italic

This is a paragraph styled with Lust Fine Italic.

Superior Title Fonts

Superior Title Light

This is a paragraph styled with Superior Title Light.

Superior Title Light Italic

This is a paragraph styled with Superior Title Light Italic.

Superior Title Regular

This is a paragraph styled with Superior Title Regular.

Superior Title Italic

This is a paragraph styled with Superior Title Italic.

Superior Title Medium

This is a paragraph styled with Superior Title Medium.

Superior Title Medium Italic

This is a paragraph styled with Superior Title Medium Italic.

Superior Title Bold

This is a paragraph styled with Superior Title Bold.

Superior Title Bold Italic

This is a paragraph styled with Superior Title Bold Italic.

Superior Title Black

This is a paragraph styled with Superior Title Black.

Superior Title Black Italic

This is a paragraph styled with Superior Title Black Italic.

Ratio Modern Fonts

Ratio Modern Regular

This is a paragraph styled with Ratio Modern Regular.

Ratio Modern Italic

This is a paragraph styled with Ratio Modern Italic.

Ratio Modern Medium

This is a paragraph styled with Ratio Modern Medium.

Ratio Modern ExtraBold

This is a paragraph styled with Ratio Modern ExtraBold.

Ratio Modern Small Caps

This is a paragraph styled with Ratio Modern Small Caps.

Heading Examples with Superior Title

This is an H1 Heading

This is an H2 Heading

This is an H3 Heading

This is an H4 Heading

This is an H5 Heading
This is an H6 Heading