The Zephiq Style Guide contains all global styles, utility classes, and reusable components to ensure consistent and scalable design across the template.

Typography

Heading H1

Size : 70 / 56 / 44 / 40px

Heading H2

Size : 60 / 48 / 40 / 32px

Heading H3

Size : 40 / 36 / 32 / 28px

Heading H4

Size : 32 / 28 / 24 / 24px

Heading H5

Size : 24 / 22 / 20 / 20px

Heading H6

Size : 20 / 20 / 18 / 18px

Text 90px

Size : 90 / 72 / 56 / 48px

Text 70px

Size : 70 / 56 / 44 / 40px

Text 52px

Size : 52 / 44 / 36 / 32px

Text 40px

Size : 40 / 36 / 32 / 28px

Text 32px

Size : 32 / 28 / 24 / 24px

Text 28px

Size : 28 / 24 / 22 / 22px

Text 24px

Size : 24 / 22 / 20 / 20px

Text 20px

Size : 20 / 20 / 18 / 18px

Text 18px

Size : 18px on every screen

Text 16px

Size : 16px on every screen

Text 14px

Size : 14px on every screen

Designed to inspire and convert, this SaaS and creative agency template presents your work with clarity, confidence, and strategic impact.

Size : 16px paragraph text

Colors

#f7f8f4

White

#041629

#667189

#d0dee7

#c4e84d

#3598c9

#fbfcf9

#eef1ea

#eef1e4

#e6eae1

#d8dcd7

#3e3e3c

#221e1f

#b0d2f0

#4581b0

#072341

Buttons

Book A Free call

See Our Work

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

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 voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

‍

Yellow flowers growing against a turquoise wall — Type image caption here (optional)