← Indietro
Sonara · Foundations

Design system

Token e componenti che reggono tutta la web app. Light di default, dark coerente via override CSS. Tutta la UI di Artista, Producer e Registrazione poggia su questi pezzi.

Brand

#41228e
Violet
--violet
#7b55d0
Violet bright
--violet-bright
#6b4bb8
Violet light
--violet-light
#2e1866
Violet dark
--violet-dark
#d97757
Coral accent
accent (orange)
#f59e0b
Warning
warning amber
#16a34a
Success
green
#ef4444
Danger
red

Surface (light + dark)

var(--background)
Background
page bg
var(--card)
Card
elevated surface
var(--muted)
Muted
subtle bg
var(--foreground)
Foreground
text primary

Tipografia

Display XLSpace Grotesk 700 · 48 / 1.05
letter -0.03em
Suono che vende.
Display LSpace Grotesk 700 · 32
Catalog producer
Display MSpace Grotesk 700 · 22
Mix professionale trap/hip-hop
Display SSpace Grotesk 600 · 16
Sezione
BodyDM Sans 400 · 14 / 1.6
Producer trap/hip-hop da Milano. Beat dark, 808 pesanti, melodie cinematiche. Mix & master per chi vuole un suono pulito e moderno.
Body smDM Sans 400 · 13
Su Sonara da gennaio 2023 · 47 ordini completati · response time medio <6h.
CaptionDM Sans 500 · 11 · upper · tracking 0.08
Disponibile per payout
Monotabular nums · 13
ORD-4821 · IT60 X054 2811 1010 0000 0**4 831

Buttons

Primary
Ghost
CTA gradient (marketplace)

Badge & status

Pubblicato Verificato Revisione richiesta In escrow In lavorazione Top Rated Bozza Hidden

Chip

Trap Drill Hip-hop R&B BPM 138-145 Milano · 50km

Radii & elevation

Radii
6
10
14
18
∞
Elevation
shadow sm
shadow md
shadow lg (violet-tinted)

Component samples

Notturno
142 BPM · F# min · Trap
€45 €350 excl.
EP "Asfalto"
Mix + Master · RAZZA · scade tra 22h
Revisione richiesta
Disponibile per payout
€1.247,60
Prossimo auto-payout lunedì 18 maggio