Style guide

Colors

Primary 100
#e6ddaa
Neutral Dark
#0e0e0c
Background Color
#f9f9f9
White
#FFFFFF
Black
#000000
Body Font Color
#6d6d6e

Logo

Favicons
IconIcon
Brand logo

Typography

Heading h1

Font weight : Extrabold
Font size : 115px
 Line height : 125px

Heading h2

Font weight : Semibold
Font size : 75px
 Line height : 85px

Heading h3

Font weight : Extrabold
Font size : 54px
 Line height : 64px

Heading h4

Font weight : Semibold
Font size : 38px
 Line height : 48px
Heading h5
Font weight : Semibold
Font size : 28px
 Line height : 38px
Heading h6
Font weight : Semobold
Font size : 22px
 Line height : 32px

Paragraph

Large text

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.

Medium text

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.

Small text

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.

Icons

SVG icon
Icon
Icon
Icon
Icon
IconIconIconIconIcon

Text alignments

Text Left : Lorem ipsum dolor sit amet, consectetur.
Text Center : Lorem ipsum dolor sit amet, consectetur.
Text Right : Lorem ipsum dolor sit amet, consectetur .

Lists

  • List item one text
  • List item two text
  • List item three text

Accordion

Accordion item style1
Image
Accordion item style2
Image

Blockquote

Quotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.
James thompson

Fill information

Subscribe form

Button

Back to home
Back to home
Back to home
Back to home
Back to home
Back to home

Section spacings

Section padding large
Section padding medium
Section padding small
Quick Links
Home
About Studio
Portfolio
Services
Pricing
Blog
Contact
Utility Pages
Style Guide
Licenses
Changelog
404
Contact Info
245 Madison Avenue
New York, NY 10016
+1 (212) 555-0186
hello@lumixa.com
Footer Img
© 2026 Lumixa made by Webflipin & powered by webflow.

LUMIXA studio