Medium

Palette

Neutre

• Newsprint Cream #f7f4ed — La toile de la page, l'arrière-plan de la fenêtre principale et l'arrière-plan de la section présentent une teinte chaude et légèrement crème qui donne l'impression d'une interface imprimée plutôt que numérique.
• Paper White #ffffff — Surfaces de carton, panneaux en relief, champs de saisie de formulaire et toutes surfaces devant être séparées de la toile crème.
• Ink #242424 — Texte courant, liens, titres – légèrement plus chaud que le noir pur, il rend bien sur un fond crème.
• Body Gray #333333 — La couleur secondaire du texte et la couleur de premier plan par défaut sont utilisées lorsqu'une couleur légèrement plus claire que la couleur de l'encre est requise sans perte de contraste.
• Button Black #191919 — Une couleur neutre est autorisée pour les éléments d'interface secondaires, les séparateurs et les étiquettes discrètes. Elle ne doit pas être utilisée comme couleur principale pour les appels à l'action.
• Marginalia Gray #6b6b6b — Prise en charge des couleurs neutres pour l'interface utilisateur secondaire, les séparateurs et les étiquettes discrètes.

Typographie

de 13 à 120 px · 5 étapes

• medium-content-sans-serif-font — remplacement: Inter · grandes lignes 400 · Police de caractères medium-content-sans-serif - trouvée dans les données extraites mais non décrite par l'IA.
• GT Super — remplacement: Playfair Display · grandes lignes 400 · Les titres et le corps du texte utilisent une police à empattements de transition, typique des livres, à une échelle extrême, avec un espacement réduit entre les lettres et un interlignage de 0,83. Le choix d'une graisse de 400 (non grasse) à 120 px est une caractéristique marquante: ce sont les formes des lettres, et non leur graisse, qui font la différence. L'espacement négatif entre les lettres réduit les espaces visuels, conférant à « Human Stories and Ideas» l'apparence d'un bloc typographique cohérent.
• Söhne — remplacement: Inter · grandes lignes 400 · L'interface utilisateur utilise une police sans empattement pour la navigation, les boutons, les sous-titres et les petits titres. La taille de 13 à 14 px est réservée aux étiquettes de navigation et aux boutons; celle de 20 à 22 px aux sous-titres et au texte secondaire. Cette police sans empattement épurée, aux proportions harmonieuses, offre une bonne lisibilité même en petite taille et reste discrète en grande taille.

Intervalles et forme

Styles similaires

• Steep — Analyse des polices à empattements sur papier chaud
• Newformcap — Journal éditorial dans les vestiaires
• Claude — Un objet imprimé sur un parchemin chaud – de l’encre sur du papier d’os, l’argile comme unique touche de couleur
• 11x– Digital workers — Un désert éditorial cinématographique: des photographies panoramiques du paysage contrastant avec des titres monumentaux à empattements, dignes d’une double page de magazine de luxe.
• Revolut — Une œuvre éditoriale monochrome basée sur une photographie de nuages — encre blanche, boutons de pilulier, une unique bande bleue dans un monde autrement en nuances de gris.
• Scheduling — Encre éditoriale sur papier crème
• Titan — archive monochrome aux tons chauds
• Programa — Un studio de design suisse à midi. Le mur blanc de la galerie est éclairé par une simple lampe de table jaune; tout est dans des tons de gris jusqu’à ce qu’un bouton, une icône ou un détail attire le regard, et alors cette unique touche de jaune définit toute la pièce.
• Sana Agents — Paillettes de citron vert sur fond blanc dans un éditorial
• Visual — Samizdat éditorial chaleureux. Papier crème, affiches à empattements, annotations marginales monochromes, un marqueur jaune.
• Midday — Brochure éditoriale sur vélin - Titre à empattements de 72 px sur fond pierre chaude, texte courant sans empattements avec espacement, commandes en forme de pilule, sans ombres
• Chat for impact — Une clinique vert forêt avec des chambres aux couleurs pastel