Brand Guidelines
TikJoy Brand
Tout ce dont vous avez besoin pour utiliser la marque TikJoy de manière cohérente : logo, monogramme, palette et typographie.
1. Logo principal
- Maintenez une zone de respiration égale à la hauteur du "T" sur tous les côtés.
- Ne faites pas pivoter, ne déformez pas et ne recolorez pas la bulle du logo.
- Taille minimale recommandée : 120 px de largeur pour un usage numérique.
2. Monogramme "TJ"
Utilisez le monogramme lorsque l'espace est limité : favicon, avatar social, icône d'application, watermark.
128 px
64 px
32 px (favicon)
sur fond foncé
3. Symbole (nuage + play)
Le symbole est l'icône du logo isolée du mot-symbole. Utilisez-le comme élément décoratif, chargeur, puce ou badge dans les interfaces utilisateur.
128 px
64 px
32 px
sur fond foncé
4. Palette de couleurs
Primaires
#EC4899#6366F1#EC4899 → #6366F1Neutres
#0F172A#3E2444#64748B#E2E8F0#FAFAFBUtilisation du dégradé
Le dégradé est la signature de la brand. Utilisez-le sur le logo "Joy", sur la bulle du logo et sur les éléments importants (CTA primaires, faits saillants de l'héro). Évitez de l'utiliser sur de grandes surfaces de texte.
5. Typographie
Affichage / Titres
Sora
Poids : 600 · 700 · 800 — espacement des lettres légèrement négatif dans les titres.
Aa Bb Cc 123
The quick brown fox
jumps over the lazy dog
Corps / UI
Inter
Poids : 400 · 500 · 600 — interligne 1.5 pour les textes longs.
Aa Bb Cc 123
The quick brown fox jumps over the lazy dog.
Cashback, fidélité et communauté qui s'activent en quelques clics.
6. Jetons rapides
| Jeton | Valeur | Utilisation |
|---|---|---|
| --brand-from | #EC4899 | Début du dégradé |
| --brand-to | #6366F1 | Fin du dégradé |
| --ink | #3E2444 | Texte sur fonds clairs |
| --ink-dark | #0B0B1F | Fond mode sombre |
| --font-display | Sora | Titres & logo |
| --font-body | Inter | UI & paragraphes |