Caldera

Palette

Marque

• Ember #fc5000 — Seuls les boutons d'action principaux, les fiches de statistiques et les éléments visuels clés apportent une touche de couleur vive; leur contraste avec les tons gris chauds crée un sentiment d'urgence sans nécessiter d'éléments décoratifs supplémentaires.
• Plasma Violet #524ae9 — Base principale en dégradé de demi-teintes, une surface de carte supplémentaire - Utilisée presque exclusivement dans le motif de points principal et sur une carte dédiée; jamais utilisée pour les contrôles.

Neutre

• Sulfur #f5f28e — Le fond des icônes d'étiquettes et de catégories, en petits points saillants, est d'un jaune pâle utilisé pour indiquer les catégories d'articles de blog et les annonces de programmes.
• Limestone #f7f6f2 — Les surfaces des cartes, les arrière-plans des blocs de contenu et les remplissages des boutons supplémentaires sont d'une nuance de blanc plus claire et plus chaude, ce qui permet aux éléments de se détacher sur le canevas de la page.
• Pumice #e2e2df — Le fond principal de la page est un gris moyen chaud qui sert de base à chaque section; il est légèrement plus foncé que la surface du papier cartonné, permettant une séparation subtile entre la figure et le fond, sans ombres.
• Obsidian #070607 — Le texte principal, les titres, le texte des liens et les cadres des boutons sont presque noirs avec une teinte chaude à peine perceptible qui correspond aux couleurs chaudes de la toile.
• Chalk #ffffff — Texte dans les zones sombres, texte saisi sur fond sombre, superpositions à contraste élevé - Le blanc pur est utilisé uniquement lorsqu'un contraste maximal avec les surfaces sombres est requis.

Typographie

de 12 à 189 px · 10 étapes

• PP Neue Corp Compact — remplacement: Bebas Neue · grandes lignes 400 (Ultrabold cut) · Tous les titres et textes d'affichage. Une police de caractères personnalisée, condensée et ultra-grasse confère aux titres une présence imposante, évoquant un panneau publicitaire. La taille de 189 px du bloc principal reflète le style caractéristique de la marque: condensé, presque structurel plutôt que typographique. Les paramètres « ss06» et « ss10» activent des formes de lettres et des espacements alternatifs pour un rythme plus dynamique et condensé. L'espacement positif des lettres (+0,02 em) est inhabituel pour les textes d'affichage et évite une impression de texte trop serré entre 80 et 189 px.
• DM Sans — remplacement: Inter · grandes lignes 500 (Medium only — never Regular or Bold) · Le texte principal, les liens de navigation, les libellés des boutons et les titres secondaires ont une épaisseur maximale de 30 px. Le choix d'une graisse moyenne est délibéré: une police normale serait trop fine par rapport à la police de titre extra-gras, et une police grasse la concurrencerait. La police DM Sans crée un contraste plus humain et légèrement géométrique avec la police de titre au style industriel.
• System sans-serif — remplacement: Inter · grandes lignes 400 · Légendes, métadonnées, dates, microtags. Utilisés uniquement en 12px, où la légèreté prime sur la reconnaissance de la marque.

Intervalles et forme

Styles similaires

• teenage engineering — Catalogue industriel d'éclairage de studio: le produit est le seul élément important de la page, et tout le reste est abordé autour de lui.
• basement — Une presse à imprimer vide à 3 heures du matin – d'énormes caractères compressés s'étalant sur le noir absolu, une unique lueur orange sur la barre de navigation, tout le reste blanc ou gris fantomatique.
• amra — Une sphère irisée sur fond blanc – la touche lavande est la seule pulsation de couleur sur une page presque parfaitement achromatique, et cette unique sphère à dégradé accomplit le travail habituellement dévolu à l'illustration principale.
• Stink Studios — Un studio de cinéma à minuit – le projecteur bourdonne, la pièce est plongée dans l'obscurité, seule la pellicule est éclairée
• Andrei Rybin — Un carnet de croquis monochrome est un carnet de designer dans lequel des écrans de téléphone sont collés sur un mur blanc, à la manière de planches-contacts.
• Uniswap Cup — La diffusion de la compétition d'eSport se déroule sur un site factice: un marqueur rose délimite une grille de carrés blancs et de fines lignes.
• Freytag Anderson — Le rideau de cinéma se lève sur un seul mot. Une immense image animée occupe tout l'écran, le nom de la marque apparaît dans un coin comme un titre, et rien d'autre ne vient distraire le regard.
• Integrated Biosciences — laboratoire de bioluminescence à minuit
• Vercel — Terminal imprimé sur papier blanc
• Mintlify — Un jardin de nuages au-dessus d'une table en verre. Le ciel dessiné à la main et le documentaire sont encadrés ensemble – le seul endroit où la couleur et le concept se rencontrent avant que la page ne s'estompe dans un blanc monastique.
• Gleap — Un espace de travail décoré dans des tons crème chauds avec des touches de graphite — un studio où des points d'encre noire mate semblent flotter au-dessus de l'architecture en lin.
• ClickUp — Un tableau de bord imposant sur fond de marbre blanc. Cette page est une brochure produit pour un outil de productivité; son langage visuel est donc emprunté au produit lui-même: listes denses, indicateurs d’état, groupes d’avatars et formulations typographiques audacieuses qui évoquent une fiche technique.