Asyrofuddien

Generated Oct 16, 2026

DESIGN.md for app.clipradar.pro

app.clipradar.pro8 colors4 componentsFredoka + Nunito

Remix

2 screenshots captured· app.clipradar.pro

1 / 2 · ClipRadar · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Want a DESIGN.md like this for your own website?

Design tokens

Extracted from app.clipradar.pro

Primary

#A855F7

Primary CTA, brand accent, active state

#0891B2

Inline link colour

#65548A

Accent / decorative

#7D70A6

Accent / decorative

Neutral

#F5EFFF

Default page background

#FFFFFF

Card / panel background

#22103F

Label colour on brand surfaces

#E0D0FA

1px borders and dividers

Typography · FredokaGoogle Fonts

h142px · 700 · 46.2px

h219px · 700

button17px · 700

Typography · NunitoGoogle Fonts

body13px · 400

link12px · 700

button16px · 800

input15px · 600

button13px · 400 · 18.85px

button15px · 700

body16px · 700

button13px · 800

button14px · 400

button12px · 800

body14px · 800

button14px · 700

button10px · 800

Spacing

8px

12px

16px

24px

28px

32px

36px

40px

Elevation

rgb(220, 203, 247) 0px 3px 0px 0px

rgb(126, 34, 206) 0px 4px 0px 0px

rgb(126, 34, 206) 0px 6px 0px 0px, rgba(168, 85, 247, 0.35) 0px 10px 24px 0px

Components · 4

Remixes of app.clipradar.pro

Latest remixes

No public remixes yet. Be the first to make one.

Remix it