A
Onyx — Noir doré, silencieux et puissant
Dark-first absolu. Fond profond #0A0A0D, surfaces empilées par incréments de luminance, accent ambre/or (#D4A853) utilisé à moins de 5% pour les CTA et badges actifs. La sidebar rétractable à 56px montre uniquement les icônes blanches. Le texte est warm gray, pas cold blue. Un devis dans Quotely Onyx ressemble à un document signé dans un coffre.
Linear
Référence principale — sidebar fine, accent minimal
Raycast
Surface stack, accent chirurgical
Arc Browser
Sidebar innovante, navigation instinctive
pourquoi ce choix pour Quotely
- Sidebar ultra-fine (56px) — L'icône suffit. Le libellé apparaît au hover (240px).
- Accent doré à moins de 5% — Seuls les CTA "Nouveau devis" et les éléments actifs sont dorés. Le reste est monochrome.
- Surface empilée sans bordures — L'élévation se lit par luminance (#0A → #11 → #1A), pas par des traits.
- Warm gray partout — Pas de blue tint. Le texte secondaire est #9A9890 (chaud), pas #9CA3AF (froid).
✦ Le plus mémorable. Personne ne fait du "warm gold on black" dans les apps de devis. Identité forte, immédiatement reconnaissable.
⚠ Risque : le mode clair sera moins impressionnant. Il faudrait gérer un light-mode "Silver" spécifique.
B
Ardoise — Bleu-gris dense, professionnel
Slate-blue deep (#0F1018 → #1E2030). Accent Indigo éclatant (#6366F1). C'est une évolution mature de ton thème Zen actuel — même base de couleur, mais avec plus de densité et de structure. La sidebar inclut des compteurs et métriques. Les tables sont le point central, richement structurées.
Stripe Dashboard
Référence principale — data-dense, pro
Vercel
Simplicité extrême, dark slate
pourquoi ce choix pour Quotely
- Transition douce — C'est le Zen actuel, mais exécuté avec plus de rigueur. Moins risqué.
- Indigo familier — Tu gardes ta couleur signature, mais mieux calibrée.
- Structure data-rich — Comme Stripe : les tables de devis sont denses mais lisibles.
- Mode clair naturel — Le slate-to-white est plus facile que le black-to-white.
✦ Le plus sûr. Transition en douceur depuis le thème Zen. Les utilisateurs actuels ne seront pas dépaysés.
⚠ Peut manquer de personnalité. C'est "bien exécuté" maispas "wow". On risque de ressembler à un clone Stripe.
C
Encens — Neutre chaleureux, zen éditorial
Light-first. Background crème (#FAFAF5), gris chauds, accent terracotta (#C0654A) ou sage green. Le tout respire : 48px de whitespace entre les sections, tables aérées, typographie éditoriale. L'app ressemble à un cahier de création, pas à un dashboard.
Notion
Référence principale — warm neutral, éditorial
Craft Docs
Neutre chaleureux, premium sans être froid
pourquoi ce choix pour Quotely
- Zen incarné — C'est la direction la plus littéralement "zen" : whitespace, clarté, respiration.
- Intuitif pour le B2B — Un fond clair inspire confiance commerciale. Les devis sont des documents "propres".
- Crème > blanc pur — Le fond #FAFAF5 est plus doux, moins agressif sur les yeux que #FFFFFF.
- Identité singulière — Très peu d'apps de facturation osent le light-first éditorial.
✦ La direction la plus cohérente avec le mot "zen". Belle, lisible, universelle.
⚠ Risqué : le dark mode sera nécessaire en fallback. Et un fond clair peut paraître moins "premium" à certains utilisateurs internationaux qui associent dark = tech.
D
Sépia — Sombre chaleureux, bibliothèque de devis
Fond noir chaud (#141210, pas froid), texte sépia (#E8DCC8), accent cuivre (#C87941). Un devis dans Sépia ressemble à un manuscrit précieux. Les icônes de sidebar ont une lueur cuivrée subtile. L'ambiance est celle d'une bibliothèque en cuir, pas d'un cockpit tech.
Pitch
Référence principale — warm dark, document-first
Obsidian
Dark local-first, sidebar dense mais lisible
pourquoi ce choix pour Quotely
- Warm dark unique — Presque personne ne fait du chaud-sombre. C'est mémorable immédiatement.
- Document-first — Un devis = un document noble. Le sépia renforce cette idée.
- Cuivre = accessibilité — Le cuivre sur fond noir chaud a un ratio de contraste suffisant sans être agressif.
- Ambiance "atelier" — L'utilisateur se sent comme dans un espace de travail soigné, pas dans un terminal.
✦ La direction la plus distinctive. Warm dark est rare et mémorable. Parfait pour une identité premium internationale.
⚠ Le sépia peut paraître "vieux" si mal exécuté. Risque de confusion avec un thème "rétro" si le cuivre est trop saturé. Nécessite un dark mode exquis.
Applications concurrentes — Ce qu'ils font
Ces apps de devis/facturation existent déjà. Regarde leur style pour comparer avec les 4 directions proposées.
FreshBooks
Leader facturation PME — traditionnel
Zoho Invoice
Suite bureautique — utilitaire
PandaDoc
Proposals & documents — enterprise