Style Guide for Etonal Template

Typography

Heading

Heading 1

Open Sans - Semi Bold

64px/87px

Heading 2

Open Sans - Semi Bold

48px/65px

Body Text
For All Paragraph Default Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Open Sans - Regular

18px/30px

For All Link Default Size
Link - Lorem ispasm doller koi gelo amar

Open Sans - Regular

18px/30px

Color Variation

Color
Primary Color
  • #E52E06
Secondary Color
  • #0E0E0E
Body Color
  • #5B5B5B
Hero BG Color
  • #FDF0ED

Button Variation

Button
Default Button
Button Text
Without Radius
Button Text
Primary Button
Button Text
Secondary Button
Button Text
Outline Button
Button Text

All Component List

Component
Blockquote
Quotes Icon

“It is a long established fact that a reader will be distracted bylio the read content of a page when looking at its layout. The poin of using Lorem Ipsum is that it has a more.”

Open Sans - Regular

22px/31px