Black and white pixel art pattern with symmetrical geometric shapes.
Style Guide
System Foundations

Style Guide

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

Typography

H1

Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.

H2

Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.

H3

Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.

H4

Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
H5
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
H6
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
Font:56px
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
Font : 40px
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
Font : 28px
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
Font : 24px
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
Font : 20px
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
Font : 16px
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.
Font : 14px
Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.

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

Size :   
Text showing the word Shadow with a pixelated font and a grid shadow effect.

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Woman with long hair using a VR headset reaching out with her hand against a purple background.
Type image caption here (optional)

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

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Colors

#e8e8e8
#060c09
#020a04
black
#409fbe
#008436
#00c66a
#20c762
#b3b3b3
#151a17
#0b0a0f
#2a3859
#0e1211
#325e47
#0f1022
#26264d
#4d4d4d
#292929
#0c3120
#3a3a56