Fonts

Key Title

H1 (48)

Font-size 48 / Line-height 60 / Open Sans bold (300)

Titles of modules / slogans

Normal Title

H2 (32)

Font-size 32 / Line-height 42 / Open Sans bold (300)

Titles of content area / page titles

Subtitle

H4 (22)

Font-size 22 / Line-height 32 / Open Sans

Post titles in masonry, grid, list layouts and scrollers / subtitles of content area

Content

P (18)

Font-size 18 / Line-height 28 / Open Sans bold (300)

Content area & most shortcodes

Description

H3 (16)

Font-size 16 / Line-height 26 / Open Sans bold (300)

Descriptions

Callouts

H5 (14)

Font-size 14 / Line-height 24 / Open Sans bold (300)

Widget titles in sidebar & footer / callouts

Sub-descriptions

H6 (13)

Font-size 13 / Line-height 18 / Open Sans bold (300)

Sub-descriptions

Headings & Paragraph

Normal Paragraph

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • H2
  • 15
  • P

Detailed Paragraph

Subtitle of detailed paragraph

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • H2
  • H4
  • 15
  • P

Normal Striking

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • H1
  • 20
  • P

Detailed Striking

Subtitle of detailed striking

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • H1
  • H4
  • 20
  • P

Normal Post

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • H4
  • 10
  • P

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Description of content area in normal size

  • P
  • 15
  • H3

Sub-description of some items

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • P
  • 10
  • H6

Colors

Blue Series

Green Series

#00A2FF

#60b632

#0365C0

#164F86

#00882B

#0B5D18

Default

Stripe 1

Stripe 2

BG: n/a

Text: #1c1c1c

BG: n/a

Text: #1c1c1c

BG: #f0f0f0

Text: #262626

Stripe 3

Stripe 4

Stripe 5

BG: #171717

Font: #ffffff

BG: n/a

Font: #1c1c1c

BG: n/a

Font: #1c1c1c