VIRALCRAFT / FOUNDATION

Design system preview

A temporary visual reference for the ViralCraft foundation.

01 / Color

Deep Background

#0B0B0F

Surface Background

#15151B

Primary Purple

#8B5CFF

Light Purple

#A855F7

Dark Purple

#6D28D9

Primary Text

#FFFFFF

Secondary Text

rgba(255,255,255,0.70)

Subtle Border

rgba(255,255,255,0.12)

02 / Typography

Hero / ViralCraft headline

H1 / Primary headline

H2 / Section headline

H3 / Card headline

H4 / Supporting heading

H5 / Minor heading

H6 / Eyebrow heading

Body / Calm, legible editorial supporting copy for multi-line reading.

Small / Supporting metadata and utility descriptions

LABEL / INTER 600

03 / Buttons & States

DEFAULT

HOVER

FOCUS

04 / Components

Standard Card

Highlighted Glow Card

ICON CONTAINERS / 48PX

20px · 24px · 32px line icons

05 / Section Container

1280px maximum content width

SECTION CONTAINER / MAX 1280PX

06 / The Pulse

STATIC

OPTIONAL SLOW PULSE / RESPECTS REDUCED MOTION

07 / Spacing Scale

8px

12px

16px

24px

32px

48px

64px

80px

96px

128px