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.
OxyMade Framework
Check our Tailwind CSS based most sophisticated CSS framework with 100s of utility classes ready to use within Oxygen Builder.
1000+ blocks & design sets
Browse our ever growing collection of beautiful niche design sets related to, woo-commerce, SAAS, restaurant, agency businesses.
Read our documentation
We have detailed step-by-step documentation to understand our colours, design system and also framework.
Color System
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 Color
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)
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
24 x 7 friendly support
We are happy to provide you with the best support possible.
7 days money back guarantee
You can request a refund within 7 days of purchase if you are not satisfied.
Secure checkout
We never share your personal data anywhere, whatever the reason.
lockphonehistorycrossmenu