Electronic Materials Office

Palette

Marke

• Ember Orange #f45500 — Der primäre Aktionsbutton mit Füllung ist die einzige chromatische Fläche in der Benutzeroberfläche und wird stets von einem 30 Pixel breiten orangefarbenen Halo begleitet, wodurch er wie ein Glühfaden leuchtet; der 30 Pixel breite äußere Schein des primären Anrufbuttons dupliziert das sechseckige Symbol in Ember Orange, existiert jedoch als Schatten und nicht als Füllung, wodurch der Button von innen beleuchtet erscheint.

Neutral

• Studio Charcoal #202020 — Die Oberflächen aus Leinwand und Karton gleichen dem Boden einer dunklen Galerie, nie ganz schwarz, sodass das Auge an den weichen Übergängen ruhen kann.
• Bone White #ffffff — Haupttext, schmale Bildränder und eine seltene invertierte Oberfläche. Die gesamte Schrifthierarchie bleibt unabhängig erhalten.
• Ash Gray #9d9d9d — Gedämpfter Text, dezente Kartenränder und inaktive Bildunterschriften sind die einzigen mittelgrauen Elemente im Farbschema, die verwendet werden, wenn Weiß zu aufdringlich wirkt.
• Mid Felt #eaeaea — Eine leichte Oberflächenlasur für invertierte Paneele oder modale Gitter – ein Weißton, der zwischen Beige und dunklem Canvas liegt.
• Carbon #000000 — Den auffälligsten Akzent setzen die ikonischen Striche und kontrastierenden Rahmen, wo die anthrazitfarbene Leinwand zu hell ist, um ihre Form gut zu halten.
• Lavender Link #9e9eff — Die Farbe des eingebetteten Links und die Umrisse des zusätzlichen Aktionsrahmens bilden einen dezenten, kühlen Kontrast zum warmen Orange, wodurch sichergestellt wird, dass die Aktionen vor dem anthrazitfarbenen Hintergrund gut lesbar sind.

Typografie

von 16 auf 86 Pixel · 8 Schritte

• GT-Flexa — Ersatz: Inter (200/400) or Manrope (200/400) · Umrisse 200, 400 · Die primäre Schriftart für Überschriften und dekorative Elemente. Die Schriftstärke 200 ermöglicht Überschriften ab 24 Pixeln – ein charakteristischer Stil: Bei 68 und 86 Pixeln wirken die Buchstaben eher dezent als aufdringlich. Die Schriftstärke 400 eignet sich für Unterüberschriften und Bildunterschriften, da sie dort kaum lesbar sind. Der Zeilenabstand wird bei den größten Schriftgrößen auf 1,0 reduziert, sodass die dekorative Schriftart wie eine Luftsäule übereinander liegt.
• Tobias-light — Ersatz: Söhne Buch or Inter Tight · Umrisse 400 · Ein sekundärer Typografiestil für Abschnittsüberschriften und das Logo in der Fußzeile. Er wird eine Stufe unterhalb von GT-Flexa 200 verwendet, um einen tonalen Kontrast zu erzeugen – Tobias wirkt architektonischer und ausdrucksstärker, während GT-Flexa atmosphärischer ist. Der negative Buchstabenabstand reduziert die breiten Proportionen von Tobias Light.
• Times — Ersatz: Source Serif 4 or PT Serif · Umrisse 400 · Der Fließtext und die Überschriften bilden einen bewussten Kontrast zu den geometrischen, dekorativen Schriftarten mit Serifen. Die Serifen verleihen den Produktbeschreibungen Wärme und redaktionelle Autorität, ohne die Schriftgröße des Fließtextes zu überschreiten.

Intervalle und Form

Ähnliche Stile

• OFFFICE : — eine Noir-Galerie, die in monolithischer Schriftart gehüllt ist
• Bibliothèque — Eine schwarze, würfelförmige Galerie im Scheinwerferlicht – eine einsame, beleuchtete Platte in einer riesigen, dunklen Halle
• 21 TSI — Ein purpurroter Abgrund, eine einzige Silhouette – ein High-Fashion-Editorial, in dem die Benutzeroberfläche mit der Atmosphäre verschmilzt.
• Structured — Renaissance-Galerie auf plastilinartigem Papier
• CHAIBOY — Eine schwarze Bilderwand mit einem einzelnen hinterleuchteten Foto
• Holiday 100 — Eine Galerie der Geschenke um Mitternacht – eine Serifenschrift dient als Scheinwerfer, eine dunkle Leinwand als Samtwand und jedes Produktbild hängt wie ein sorgfältig ausgewählter Rahmen.
• Apple (España) — Die Museumsgalerie präsentiert sich im sanften Tageslicht als ein einziger, faszinierender, schwereloser weißer Raum, in dem jedes Exponat von einem Scheinwerfer vor einer leicht getönten Wand beleuchtet wird.
• Analogue — Schwarze Galerievitrine – Waren schweben im Nichts
• Apple (España) — Die Obsidian Gallery ist ein dunkler Ausstellungsraum, in dem ein einzelnes Titanobjekt vor pechschwarzem Hintergrund leuchtet.
• Studio Oker — Eine abgedunkelte Galerie mit scharlachroten Akzenten – ein Portfolio-Raum mit schwarzen Wänden, in dem weiße Buchstaben zu schweben scheinen und ein einzelnes rotes Flüstern die Stille durchbricht.
• 099 SUPPLY — Eine Galeriewand voller schwarz-weißer Objekte
• Retool — Eine warme Obsidianwerkstatt – eine Oberfläche für Präzisionswerkzeuge, erleuchtet von glimmenden Glutstücken, wo alles entsteht.