Design System

Color System

A collection of colors that define our brand's personality, hierarchyed for clarity, accessibility, and modern aesthetics.

Primary & Accent

Core Identity
Click to copy

Primary Cyan

Primary Action

Hex
#25C0F4
RGB 37, 192, 244
Click to copy

Hot Accent

Highlights & Alerts

Hex
#FF2E93
RGB 255, 46, 147
NEON

Cyan Glow

Shadow / Blur Effect

rgba(37, 192, 244, 0.25)

Gradient Usage

The background system utilizes a subtle interplay of these colors. A floating gradient at the bottom of the screen blends from Sky Blue (#BAE6FD) to Purple (#E9D5FF) to Pink (#FBCFE8) to create a soothing, "pinkish at bottom" atmosphere.

Base & Surface Layers

The Foundation
Solid Base
#F2F6FA Flat Color
Ambient Gradient
Composite Main App Background
Glass Panel
bg-white/75 blur-2xl

Semantic & Usage

Application

Success Green

#22C55E

Warning Amber

#FBBF24

Error Red

#EF4444

Interface Examples

New Alert

Please verify your identity to continue.

Technical Implementation Details

Neon Shadow

Shadow
CSS Value Box Shadow
0 0 20px rgba(37, 192, 244, 0.25)

Ambient Gradient

Background
Bottom Glow