Design System & Style Guide

Reference for building the bitXbit marketing site in Webflow.

Colours

Bg Primary

#0A0E1A

Bg Secondary

#111827

Bg Tertiary

#1A2236

Accent Blue

#3B82F6

Accent Gold

#F59E0B

Text Primary

#F8FAFC

Text Secondary

#94A3B8

Text Muted

#64748B

Typography

Heading 1 — Turn everyday referrals

Heading 2 — How bitXbit Works

Heading 3 — Community Rewards

Heading 4 — Project Title

Body text — bitXbit brings trusted referral and affiliate opportunities into one ecosystem, using generated income to support token rewards, liquidity, buybacks, and regenerative real-world projects.

Small text — Used for disclosures, metadata, and secondary information.

Buttons

Primary Secondary Gold Small Large

Cards

Basic Card — Use for content blocks and info panels.

Crypto

Jupiter

Best swap rates on Solana.

Get Started

bitXbit may earn affiliate income.

$12,450

Liquidity Built

Status Tags

Active Planning Completed

Progress Bar

Alert Boxes

Disclaimer: bitXbit tokens are community participation incentives, not financial products.

Note: These percentages are placeholder figures subject to confirmation.

Allocation Bars

Rewards

40%

Liquidity

25%

Buybacks

15%