Electronic Materials Office

Palette

Marque

• Ember Orange #f45500 — Le bouton d'action principal avec remplissage est la seule surface chromatique de l'interface utilisateur, toujours accompagné d'un halo orange de 30 px, ce qui lui donne l'apparence d'un filament; la lueur extérieure de 30 px sur le bouton d'appel principal reproduit le symbole hexagonal Ember Orange, mais existe sous forme d'ombre plutôt que de remplissage, donnant l'impression que le bouton est illuminé de l'intérieur.

Neutre

• Studio Charcoal #202020 — Les surfaces en toile et en carton sont comme le sol d'une galerie obscure, jamais complètement noires, de sorte que le regard puisse se poser sur les contours flous.
• Bone White #ffffff — Texte principal, bordures fines autour des images et rares cas d'inversion de la surface. L'ensemble de la hiérarchie des polices est géré indépendamment.
• Ash Gray #9d9d9d — Seuls le gris moyen, présent dans la palette de couleurs, est utilisé: texte discret, bordures de cartes subtiles et légendes inactives. Ce gris est utilisé lorsque le blanc est trop voyant.
• Mid Felt #eaeaea — Un léger lavis de surface pour les panneaux inversés ou les grilles modales - une nuance de blanc qui se situe entre le beige et la toile foncée.
• Carbon #000000 — L'accent le plus frappant réside dans les traits d'icônes et les cadres contrastés, là où la toile anthracite est trop claire pour bien conserver sa forme.
• Lavender Link #9e9eff — La couleur du lien intégré et le contour du cadre d'action supplémentaire offrent un contraste discret et froid avec l'orange chaud, garantissant ainsi la lisibilité des actions sur le fond anthracite.

Typographie

de 16 à 86 px · 8 étapes

• GT-Flexa — remplacement: Inter (200/400) or Manrope (200/400) · grandes lignes 200, 400 · Police principale pour les titres et les éléments décoratifs. Le gras 200 convient à tous les titres de plus de 24 px – un style signature: à 68 et 86 px, les lettres semblent se fondre dans le décor plutôt que de s’imposer. Le gras 400 est idéal pour les sous-titres et les légendes de cartes, où ils sont à peine audibles. L’interligne est réduit à 1,0 aux plus grandes tailles, donnant ainsi l’impression d’une colonne d’air superposée aux éléments décoratifs.
• Tobias-light — remplacement: Söhne Buch or Inter Tight · grandes lignes 400 · Un style typographique secondaire pour les titres de section et le logo de pied de page. Utilisé juste en dessous de GT-Flexa 200, il crée un contraste de tons: Tobias offre un rendu plus architectural et expressif, tandis que GT-Flexa est plus atmosphérique. L’espacement négatif des lettres atténue la largeur apparente de Tobias Light.
• Times — remplacement: Source Serif 4 or PT Serif · grandes lignes 400 · Le corps du texte et les titres des paragraphes contrastent délibérément avec les polices géométriques et décoratives, grâce à l'utilisation de caractères à empattements. Ces derniers confèrent une touche chaleureuse et une autorité éditoriale aux descriptions de produits sans pour autant dépasser la taille du texte courant.

Intervalles et forme

Styles similaires

• OFFFICE : — une galerie noire engloutie par une police monolithique
• Bibliothèque — Une galerie en forme de cube noir sous un projecteur – une plaque lumineuse solitaire dans un vaste hall sombre
• 21 TSI — Un vide cramoisi, une silhouette unique – un éditorial de haute couture où l'interface utilisateur se fond dans l'atmosphère
• Structured — Galerie Renaissance sur papier imitant la pâte à modeler
• CHAIBOY — Un mur de galerie noir avec une seule photographie rétroéclairée
• Holiday 100 — Une galerie de cadeaux à minuit: un titre à empattements fait office de projecteur, une toile sombre de mur de velours, et chaque image de produit est accrochée comme un cadre soigneusement choisi.
• Apple (España) — La galerie du musée, baignée d'une douce lumière naturelle, est un espace blanc unique, captivant et immatériel, où chaque œuvre est éclairée par un projecteur sur un mur légèrement teinté.
• Analogue — Vitrine noire – les objets flottent dans le vide
• Apple (España) — La vitrine de la galerie Obsidian est une salle d'exposition obscure où un unique objet en titane brille sur un fond d'un noir absolu.
• Studio Oker — Une galerie obscure aux accents écarlates — une salle de présentation aux murs noirs, où les lettres blanches semblent flotter et où un murmure rouge unique déchire le silence.
• 099 SUPPLY — Un mur de galerie rempli d'objets en noir et blanc
• Retool — Un atelier chaleureux en obsidienne – une surface pour les outils de précision, éclairée par des braises incandescentes, où tout prend forme.