Monad

Palette

Marque

• Parchment #f6f3f1 — La couleur dominante de la page et une grande partie du remplissage de la surface — cette teinte chaude et crémeuse — est la couleur emblématique de la marque, distinguant immédiatement le site des modèles SaaS entièrement blancs.
• Lake Blue #2b59d1 — Le violet sert à mettre en valeur les arrière-plans, les rayures décoratives et à créer une subtile touche de couleur en arrière-plan du contenu. Il ne doit pas être utilisé comme couleur principale pour les appels à l'action.

Neutre

• Off-Black #242424 — Remplissage neutre à contraste élevé pour les boutons principaux sur les surfaces claires.
• Periwinkle Mist #cfdaf5 — Une interface discrète pour les commandes désactivées, les panneaux peu visibles et les blocs d'espace réservé.
• Sky Blue #a0b5eb — Arrêt de dégradé décoratif - Apparaît dans les remplissages atmosphériques et les lignes de flux du schéma de tuyauterie, jamais utilisé comme remplissage d'interface utilisateur.
• Mint #a7fccd — Une palette de couleurs secondaire pour de petits accents décoratifs lorsque la palette de couleurs principale a besoin de contraste.
• Coral #ff9473 — Une palette de couleurs secondaire pour de petits accents décoratifs lorsque la palette de couleurs principale a besoin de contraste.
• Gold #ecda98 — Un point décoratif en dégradé apporte une touche chaleureuse aux transitions en dégradé, il n'est jamais utilisé dans les interfaces utilisateur fonctionnelles.

Typographie

de 12 à 80 px · 10 étapes

• ABC Diatype Mono — remplacement: JetBrains Mono · grandes lignes 400, 500 · Texte principal, navigation, boutons, icônes, étiquettes et tout le texte de l'interface utilisateur. Une police à chasse fixe pour tous les éléments fonctionnels confère à l'interface l'aspect d'un manuel technique: le texte principal, en 16-20 px, est perçu comme une donnée, et non comme une information marketing. Les libellés de navigation et les icônes utilisent une police de 18 px avec un espacement plus précis; les polices plus petites et les métadonnées utilisent une police de 12 px en majuscules. Une taille de police de 500 px est réservée aux éléments d'interface utilisateur les plus importants.
• Untitled Serif — remplacement: Times New Roman · grandes lignes 400 · Uniquement pour les titres et sous-titres — utilisés à 80 px (texte principal), 48 px (section), 40 px et 32 px (sous-sections) et 24 px (titres des fiches descriptives). La graisse de la police est fixée à 400 pour toutes les tailles; le contraste naturel de la police à empattements et l’espacement des lettres de -0,02 em permettent de mettre en valeur le texte plutôt que d’utiliser le gras. Il s’agit du style éditorial: les titres privilégient la subtilité typographique à l’ostentation.
• Untitled Sans — remplacement: Inter · grandes lignes 400 · Police de caractères Untitled Sans - trouvée dans les données extraites mais non décrite par l'IA.

Intervalles et forme

Styles similaires

• Mollie — Un comptoir en cachemire, un registre sombre. Prévoyez un large espace blanc autour du texte noir pour la mise en page, puis mettez en valeur les produits avec des tons crème chauds, des bruns expresso et des photos illustrant les moyens de paiement.
• Kagi — Une salle de lecture séparée. Créer un espace blanc ouvert autour d'un texte en gras couleur graphite, en utilisant de subtiles touches de violet et des surfaces aux tons pastel chauds pour rompre la tranquillité.
• Milanote — Milanote est un studio de création dédié. Créez des pages de style galerie éditoriale à l'aide de panneaux visuels flottants: murs encadrés de noir, espace d'affichage blanc et captures d'écran qui ressemblent à de véritables objets avec une profondeur subtile.
• Co2 — Un atlas climatique sous la lumière hivernale. Créez des pages comme un paysage documentaire aérien, où les titres à empattement, les données codées par catégorie et les images glacées mettent en valeur de larges marges blanches.
• GitButler — Du turquoise en fin de texte. Une combinaison de titres à empattements contrastés, de grilles techniques subtiles, de surfaces graphite chaudes et d'une discrète touche de turquoise.
• ElevenLabs — Un reportage photo aux tons crème chauds, avec des titres discrets. Un carnet de style Bauhaus: papier couleur coquille d’œuf, encre noire et une touche de violet et d’orange pour la présentation du produit.
• Awesomic — Grille éditoriale en zinc avec des signes de ponctuation orange évoquant des confettis
• Dub — Panneau de commande en papier de riz mat de Link
• Seline Analytics — Un tableau analytique silencieux sur du papier chaud
• Notion — Un carnet en papier chaud sous le soleil de midi
• Anthropic — Un journal de terrain scientifique sur vélin aux tons chauds — des surfaces ivoire apaisantes, des titres éditoriaux à empattements et une unique touche d'argile qui n'apparaît que lorsque l'action est nécessaire.
• Calendly — Encre bleu foncé sur marbre froid

Catalogue des styles par catégorie