Electronic Materials Office

Palett

Stämpla

• Ember Orange #f45500 — Den primära åtgärdsknappen med en fyllning är den enda kromatiska ytan i användargränssnittet, alltid åtföljd av en 30px orange gloria, vilket gör att den lyser som ett glödtrådsljus; det 30px yttre skenet på den primära samtalsknappen duplicerar den Ember Orange hexagonsymbolen, men existerar som en skugga snarare än en fyllning, vilket gör att knappen ser upplyst ut inifrån.

Neutral

• Studio Charcoal #202020 — Duk- och kartongytorna är som golvet i ett mörkt galleri, aldrig helt svarta, så att ögat kan vila på de mjuka kanterna.
• Bone White #ffffff — Huvudtext, tunna ramar runt bilder och en sällsynt inverterad yta. Hela typsnittshierarkin underhålls oberoende.
• Ash Gray #9d9d9d — Dämpad text, subtila kortkanter och inaktiva bildtexter är den enda mellangrå nyansen i färgschemat och används när vitt är för starkt.
• Mid Felt #eaeaea — En ljus ytbehandling för inverterade paneler eller modala rutmönster – en nyans av vitt som ligger mellan beige och mörk duk.
• Carbon #000000 — Den mest slående accenten är för ikonstreck och kontrasterande ramar där den kolfärgade duken är för ljus för att hålla sin form bra.
• Lavender Link #9e9eff — Färgen på den inbäddade länken och konturerna av den extra handlingsbilden står i en dämpad, sval kontrast till den varma orangea färgen, vilket säkerställer att handlingarna är läsbara mot den kolfärgade bakgrunden.

Typografi

från 16 till 86px · 8 steg

• GT-Flexa — ersättning: Inter (200/400) or Manrope (200/400) · konturer 200, 400 · Det primära typsnittet för rubriker och dekorativa element. Vikten 200 tillåter alla rubriker över 24px – detta är en signaturstil: vid 68px och 86px verkar bokstäverna smälta upp i atmosfären snarare än att skrika. Vikten 400 är lämplig för underrubriker och bildtexter, där de knappt är hörbara. Radavståndet är reducerat till 1,0 vid de största storlekarna, så det dekorativa typsnittet staplas ovanpå varandra som en luftpelare.
• Tobias-light — ersättning: Söhne Buch or Inter Tight · konturer 400 · En sekundär typografisk stil för avsnittsrubriker och sidfotslogotypen. Den används ett steg under GT-Flexa 200 för att skapa en tonkontrast – Tobias har en mer arkitektonisk, uttrycksfull känsla, medan GT-Flexa är mer atmosfärisk. Det negativa bokstavsavståndet minskar de breda proportionerna i Tobias Light.
• Times — ersättning: Source Serif 4 or PT Serif · konturer 400 · Brödtexten och rubrikerna är en avsiktlig motvikt till de geometriska, dekorativa typsnitten med seriffer. Serifferna ger värme och redaktionell auktoritet till produktbeskrivningarna utan att överskrida brödtextens storlek.

Intervaller och form

Liknande stilar

• OFFFICE : — ett noir-galleri omslutet av monolitisk typsnitt
• Bibliothèque — Ett svart kubformat galleri under en spotlight – en ensam upplyst platta i en stor, mörk hall
• 21 TSI — Ett karmosinrött tomrum, en enda silhuett – en high fashion-redaktion där användargränssnittet upplöses i atmosfären
• Structured — Renässansgalleri på modelleraliknande papper
• CHAIBOY — En svart tavelvägg med ett enda bakgrundsbelyst fotografi
• Holiday 100 — Ett galleri med presenter vid midnatt – en rubrik med serif-motiv fungerar som en strålkastare, en mörk duk som en sammetsvägg, och varje produktbild hänger som en noggrant utvald ram.
• Apple (España) — Museigalleriet, i mjukt dagsljus, är ett enda, fängslande, viktlöst vitt utrymme, där varje utställningsföremål upplysts av en spotlight mot en lätt tonad vägg.
• Analogue — Svart gallerimontre – varor svävar i tomrummet
• Apple (España) — Obsidian Gallerys monter är en mörk utställningshall där ett ensamt titanföremål glöder mot en becksvart bakgrund.
• Studio Oker — Ett mörkt galleri med scharlakansröda accenter – ett portfoliorum klätt med svarta väggar, där vita bokstäver tycks sväva och en enda röd viskning skär genom tystnaden.
• 099 SUPPLY — En gallerivägg fylld med svartvita föremål
• Retool — En varm obsidianverkstad – en yta för precisionsverktyg, upplyst av glödande glöd, där allt skapas