← Voltar
Design System v17 — 2029

LIQUID
CHROME

Organic Intelligence · Iridescent Manifold

Scroll
01 / Color Palette

Chromatic Spectrum

Void Black
#050508
Deep Violet
#8A2BE2
Cyan Arc
#00D4FF
Hot Pink
#FF0080
Silver Chrome
#C0C0C0
Iridescent
Gradient
Void 2
#0A0A12
Midnight
#1A1A2E
02 / Typography

Type System

Display / 9xl
Quantum
Display / 7xl
Morphology
Heading / 4xl
Organic Intelligence
Heading / 2xl
Iridescent Design Language
Body / base
The intersection of computational fluid dynamics and digital aesthetics. A system that breathes, morphs, and responds — alive at the boundary of matter and light.
Caption / sm
System metadata · Build 20290117 · Organic Intelligence Engine v17.4.2
const liquidChrome = {
  version: '17.0.0',
  palette: ['#050508', '#8A2BE2', '#00D4FF', '#FF0080'],
  morphing: true,
  intelligence: 'organic',
  era: 'post-anthropic'
}

export default liquidChrome
03 / Components

Interface Atoms

Buttons / Actions
Inputs / Fields
⬡
◈
Badges / Status
Active New Hot Dormant Online v17 Beta
Cards / Containers
◈
Neural Core
Adaptive processing substrate
⬡
Flow State
Liquid morphology engine
◎
Chrome Shell
Iridescent surface layer
Stats / Progress
Neural Coherence 94%
Morphic Resonance 78%
Chrome Saturation 61%
Iridescence Index 100%
Design Tokens
--cyan
#00D4FF
--violet
#8A2BE2
--pink
#FF0080
--silver
#C0C0C0
--void: #050508 · --void-2: #0A0A12 · --void-3: #0F0F1A
04 / Grid & Spacing

Spatial System

Spacing Scale — 4px base
--sp-1 4px
--sp-2 8px
--sp-3 12px
--sp-4 16px
--sp-6 24px
--sp-8 32px
--sp-12 48px
--sp-16 64px
--sp-24 96px
--sp-32 128px
Border Radius
--radius-sm · 2px
--radius-md · 6px
--radius-lg · 12px
--radius-full · 50%
Elevation / Shadow
--shadow-sm
--shadow-md
--shadow-glow
12-Column Grid · 1440px container