9:41●●●VYBZ▮▮▮
VYBZ/ DS.00 · DESIGN.SYSTEMQA · LIVE

DESIGN
system.

QA route — chaque primitive est rendue avec ses variantes. Sert de référence visuelle et de test de régression.

DS.01

VYBZ.MARK

Marque déposée — 5 tons, 4 tailles
ORANGE / MD
VYBZ
YELLOW / MD
VYBZ
CREAM / MD
VYBZ
BLACK / MD
VYBZ
PAPER / MD
VYBZ
SM
VYBZ
MD
VYBZ
LG
VYBZ
XL
VYBZ
DS.02

EDITORIAL TOP BAR

Header monospace · 7 tones
VYBZ/ CREAM0X.CRE
VYBZ/ PAPER0X.PAP
VYBZ/ ORANGE0X.ORA
VYBZ/ YELLOW0X.YEL
VYBZ/ GREEN0X.GRE
VYBZ/ GREY0X.GRE
VYBZ/ BLACK0X.BLA
DS.03

HARDWARE BUTTON

Hover = translate(-2,-2) + 4px shadow
DS.04

TAG.SQUARE

Mono 9px · 0.12em tracking
NU-DISCOSOULWEDDING-PROFR · 5HOUTLINEOUTLINE.ORANGEOUTLINE.YELLOW
OUTLINE.CREAM · ON BLACK
DS.05

NUMBERED MARKER

Subway · circle ou square
0102030405K★
DS.06

SUBWAY SIGN

MTA × Vignelli
ALANDING
02BRIEF · CHAT
KDJ KEZIA · MARSEILLE
✓CONFIRMED
DS.07

SCORE.BARGRAPH

3 surfaces · LED-style
LIGHT · 92/100
YELLOW · 64/100
DARK · 81/100
DS.08

SPEC.LINE

Code · label · value
A.01DATE12.JUIN.2026
A.02HEURE22H → 03H
A.03LIEUDOMAINE · AIX
A.04INVITÉS90
A.05VIBENU-DISCO · SOUL
A.06BUDGET1 500 €
DS.09

CHAT BUBBLE

Motion stagger · VYBZ ↔ TOI
VYBZ→ 9:41
Salut. C'est quand, ton event ?
TOI← 9:42
Le 12 juin 2026, à Aix.
VYBZ→ 9:42
Reçu. On parle vibe maintenant.
DS.10

CHAT PROGRESS

4 étapes · subway markers
1234
1234
1234
DS.11

HATCH × PERF

Fax/telex · ticket edges
HATCHED STRIP · 16PX
HATCHED STRIP · 24PX
PERFORATION ROW
DS.12

TICKET CARD

Booking metaphor
BK-00471FR
MARIAGE PRIVÉ · AIX
12.JUIN.2026 · 22H–03H
TOTAL1 500 €
DS.13

DOSSIER CARD

Header noir · ombre orange
BRIEF #00471 / MARIEEXPIRES J+1
MARIAGE · AIX

“Faut que ça danse jusqu'à 3h, mais doux.”

DS.14

LCD.DISPLAY

Yellow · flicker · 64px
→ AMOUNT.DUE
450€
SOLDE 1 050 € · J+1 POST-EVENT
DS.15

STAMP

Motion entry · rotate -3deg
★ BOOKING.CONFIRMED ★
VYBZ.SCORE 92
FR · MARSEILLE
DS.16

LIVE INDICATOR

Blink · 4 tones
LIVEPENDINGOKSYNC
DS.17

VU.METER

32 bars · animated
VU.001 / L0 dB / +12
DS.18

DUOTONE SILHOUETTE

DJ placeholder · headphones + initial
KDJ.K-01F.7 · DUOTONE
MDJ.M-08F.7 · DUOTONE
SDJ.S-12F.7 · DUOTONE
DS.19

TYPE.SCALE

Archivo · Hanken · JetBrains · Instrument
DISPLAY · ARCHIVO 900 · 110PX
VYBZ.
DISPLAY · 32PX
MARIAGE · AIX
ITALIC · INSTRUMENT SERIF (vibes ONLY)
faut que ça danse.
BODY · HANKEN GROTESK · 16PX

Tu joues, on s'occupe du brief, du contrat, du paiement. Pas de commission cachée. Juste du booking.

MONO · JETBRAINS · 10PX · 0.14em
BRIEF #00471 · DJ.K-01 · BK-00471 · F.01
DS.20

COLOR TOKENS

Tailwind v4 · --color-vybz-*
ORANGE
#FF5C1E
YELLOW
#FFD400
CREAM
#F4EBD6
PAPER
#FAF5E6
BLACK
#0A0A0A
RED
#E5322B
GREEN
#5BE065
BLUE
#1E5BFF
GREY
#D8D6CF