Style Guide for LumioTemplate

Typography

Heading

Heading 1

Plus Jakarta Sans - Bold

64px/76px

Heading 2

Plus Jakarta Sans - Bold

50px/66px

Heading 3

Plus Jakarta Sans - Bold

24px/40px

Heading 4

Plus Jakarta Sans - Bold

20px/30px

Heading 5

Plus Jakarta Sans - Regular

18px/30px

Heading 6

Plus Jakarta Sans - Regular

16px/26px

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.

Plus Jakarta Sans - Regular

18px/30px

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

Plus Jakarta Sans - Regular

18px/30px

Color Variation

Color
Primary Color
  • #343e61
Secondary Color
  • #346dff
Tersiary Color
  • #ff6854
Body Color
  • #4a4a4a

Button Variation

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

All Component List

Component
Blockquote
“Email marketing is the bridge that connects businesses and their customers, one message at a time Email marketing is the art of turning data into insights and insights into action”

Plus Jakarta Sans - SemiBold

36px/59px

Arrow Image