Style Guide

We design every design set with a proper style guide using a bunch of pre-made components to re use everything as you like. Best design set with a proper style guide to craft your web pages faster.
Color System
PALX: Automatic UI Color Pallette Generator -> https://palx.jxnblk.com
Primary Color
var(--primary-color)
Dark Color
var(--dark-color)
Paragraph Color
var(--paragraph-color)
Border Color
var(--border-color)
Placeholder Color
var(--placeholder-color)
Background Color
var(--background-color)
Secondary Color
var(--secondary-color)
Light Color
var(--light-color)
Paragraph Alt
var(--paragraph-alt-color)
Border Alt Color
var(--border-alt-color)
Placeholder Alt
var(--placeholder-alt-color)
Background Alt
var(--background-alt-color)
Tertiary Color
var(--tertiary-color)
Black Color
var(--black-color)
White Color
var(--white-color)
Success Ccolor
var(--success-color)
Warning Color
var(--warning-color)
Error Color
var(--error-color)
Success Light
var(--success-light-color)
Warning Light
var(--warning-light-color)
Error Light
var(--error-light-color)
Fonts
Search for Font Pairing -> https://fontpair.co

Heading Font - Roboto

Text Font - Nunito
Headings

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6
Text Sizes
text-2xl
Doloribus dolores nostrum quia qui natus officia quod et dolorem.
text-xl
Doloribus dolores nostrum quia qui natus officia quod et dolorem.
text-lg
Doloribus dolores nostrum quia qui natus officia quod et dolorem sit repellendus.
text-base
Doloribus dolores nostrum quia qui natus officia quod et dolorem sit repellendus qui ut at blanditiis.
text-sm
Doloribus dolores nostrum quia qui natus officia quod et dolorem. Sit repellendus qui ut at blanditiis et quo et molestiae.
text-xs
Doloribus dolores nostrum quia qui natus officia quod et dolorem. Sit repellendus qui ut at blanditiis et quo et molestiae.
Cards
card-loose
card-relaxed
card-normal
card-snug
card-tight
card-none
Shadows
Shadow Double Extra Large
shadow-2xl
Shadow Extra Large
shadow-xl
Shadow Large
shadow-lg
Shadow Medium
shadow-md
Shadow
shadow
Shadow Small
shadow-sm
Shadow Extra Small
shadow-xs
Shadow Inner
shadow-inner
Shadow None
shadow-none
Arctic Fox Studio