Now booking new clients for August only 3 spots available! Schedule a Call
Start a Project
Buy
Buy Now
THEME Guidelines

Style Guide

A comprehensive guide to the visual language, typography, colors, and components that define the Flux AI theme.

Colors

Our color palette is designed to convey trust, innovation, and professionalism while maintaining accessibility standards.

Primary Colors

Blue 600
#155DFC
Blue 700
#1447E6
Blue 800
#193CB8
Blue 950
#162456
Blue 50
#EFF6FF

Secondary Colors

Orange 500
#FF6900
Orange 600
#F54900
Orange 700
#CA3500
Orange 50
#FFF7ED

Neutral Colors

Stone 500
#79716B
Stone 700
#44403B
Stone 800
#292524
Stone 900
#1C1917
Stone 950
#0C0A09
Stone 300
#D6D3D1
Stone 200
#E7E5E4
Stone 100
#F5F5F4
Stone 50
#FAFAF9

Typography

We use Urbanist for headings and Inter for body text, creating a modern and highly readable typographic system.
Heading Font
Urbanist
Used for all headings. A modern geometric sans-serif with clean lines and excellent display characteristics.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789
Body Font
Inter
Used for body text and UI elements. A highly legible sans-serif optimized for screens.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789

Headings

H1 / Urbanist 44px / 700

Display Heading

H2 / Urbanist 36px / 700

Page Heading

H3 / Urbanist 31px / 700

Section Heading

H4 / Urbanist 25px / 700

Subsection Heading

H5 / Urbanist 20px / 700
Card Heading
H6 / Urbanist 16px / 700
Small Heading

Body Text

Lead / Inter 16px / 400
This is lead paragraph text used for introductions and hero sections. It provides a larger, more prominent presentation for important content.
Blog Paragraphs / Inter 18px / 400
This is large body text used for blog paragraphs and feature descriptions. It offers improved readability for longer form content.
Body / Inter 16px / 400
This is the standard body text size used throughout the website. It balances readability with efficient use of space for general content.

Buttons

Buttons are used for primary actions and navigation. They use square corners to align with our geometric design language.

Base Buttons

Primary Button
Default Button
Secondary Buton
Outline Primary
Dark Button

Button with Icons

Primary Button
Default Button
Secondary Buton
Outline Primary
Dark Button

Dark Background

Primary Button
Default Button
Secondary Buton
Outline Primary
Dark Button

Badges

Badges and tags are used for categorization, status indicators, and labels throughout the interface.
Primary
secondary
outline secondary
outline primary
dark

Theme Icons

We use Flowbite (outline style) for consistency. Icons are displayed at 24px by default with 2px stroke width.

Large Icons

Icon Box

1. Discovery

AI-powered analysis of your business, competitors, and market opportunities.

2. Strategy

Custom AI strategy tailored to your specific goals and KPIs.

3. Implementation

Rapid development and deployment using AI-assisted workflows.

4. Deploy

Continuous AI monitoring and improvement for maximum performance.

Forms

Form elements maintain consistent styling with clear focus states and validation feedback.

Upgrade your website with Flux AI digital agency template

Perfect for digital agencies, creative studios, and tech companies.
Buy from Gumroad

Let’s start
creating together

[email protected]

Services

Flux AI

Legal

© 2026 Flux AI. All rights reserved