Linee Guida del Brand
TikJoy Brand
Tutto quello che serve per usare il marchio TikJoy in modo coerente: logo, monogramma, palette e tipografia.
1. Logo principale
- Mantieni un'area di rispetto pari all'altezza della "T" su tutti i lati.
- Non ruotare, distorcere o ricolorare il bubble del logo.
- Dimensione minima consigliata: 120 px in larghezza per uso digitale.
2. Monogramma "TJ"
Usa il monogramma quando lo spazio è ridotto: favicon, avatar social, app icon, watermark.
128 px
64 px
32 px (favicon)
su sfondo scuro
3. Simbolo (nuvoletta + play)
Il simbolo è l'icona del logo isolata dal wordmark. Usalo come elemento decorativo, loader, bullet o badge nelle UI.
128 px
64 px
32 px
su sfondo scuro
4. Palette colori
Primari
#EC4899#6366F1#EC4899 → #6366F1Neutri
#0F172A#3E2444#64748B#E2E8F0#FAFAFBUso del gradiente
Il gradiente è la firma del brand. Usalo sul wordmark "Joy", sul bubble del logo e su elementi di rilievo (CTA primari, hero highlights). Evita di usarlo su grandi superfici di testo.
5. Tipografia
Display / Headings
Sora
Pesi: 600 · 700 · 800 — letter-spacing leggermente negativo nei titoli.
Aa Bb Cc 123
The quick brown fox
jumps over the lazy dog
Body / UI
Inter
Pesi: 400 · 500 · 600 — leading 1.5 per testi lunghi.
Aa Bb Cc 123
The quick brown fox jumps over the lazy dog.
Cashback, loyalty e community che si attivano in pochi tap.
6. Token rapidi
| Token | Valore | Uso |
|---|---|---|
| --brand-from | #EC4899 | Inizio gradiente |
| --brand-to | #6366F1 | Fine gradiente |
| --ink | #3E2444 | Testo su sfondi chiari |
| --ink-dark | #0B0B1F | Sfondo dark mode |
| --font-display | Sora | Headings & logo |
| --font-body | Inter | UI & paragrafi |