Electronic Materials Office
Žeravý uhlík v galérii zdobenej dreveným uhlím
Kancelária elektronických materiálov je nočná dielňa: matné čierne plátno, jediný žiariaci oranžový uhlík a písmo, ktoré skôr šepká, než oznamuje. Rozhranie zaobchádza s každou obrazovkou ako s tmavým štúdiom – fotografie klávesnice sú jediným skutočným zdrojom svetla a používateľské rozhranie sa mu riadi. Nadpisy, zasadené do 200-gramového písma GT-Flexa, sa vznášajú v obrovskom negatívnom priestore; text je zámerne malý a humanistický (Times). Farba je meraná: čisto biela pre písmo, tlmená fialová (#9e9eff) pre odkazy a jedna oranžová (#f45500) výzva na akciu na stránke, ktorá žiari vlastnou 30px žiarou. Komponenty tesne zapadajú do polomeru 20px, okraje sú sotva viditeľné na #9d9d9d a jediné tiene v systéme sú dva farebné halo okolo primárnej akcie.
Plátno s antracitovou farbou na celú šírku s vycentrovaným obsahom s maximálnou šírkou (~1200px). Hlavná obrazovka začína mediálnou kartou s polomerom 20px obsahujúcou video produktu, ktoré zaberá približne 80 % šírky zobrazovanej oblasti, bezprostredne nasledovanou viacriadkovým nadpisom GT-Flexa 200, ktorý sa zalamuje takmer na celú šírku obsahu. Rytmus sekcií: jedna sekcia s popisom produktu v štýle Tobias, za ktorou nasleduje mriežka 2x2 (na počítači) s kartami s popisom produktu. Karty používajú 1px #9d9d9d orámovanie a 24px medzery medzi nimi. Veľkorysé vertikálne dýchanie – sekcie sú oddelené 48–128px antracitovým negatívnym priestorom namiesto oddeľovačov. Navigácia je tvorená jedným priehľadným panelom ukotveným v hornej časti so zhlukom skrytých odkazov a jednou výzvou na akciu Ember. Žiadny bočný panel, žiadne mega menu, žiadna sekundárna navigácia.
Obrázky slúžia len na účely demonštrácie produktu – detailný makro záber klávesnice Altar I na úplne čiernom pozadí s podsvietením zhora, ktoré spôsobuje, že puzdro svieti a klávesy odrážajú svetlo okolo okrajov. Žiadny životný štýl, žiadne ľudské ruky, žiadny environmentálny kontext. Obrázky sú vysoko kontrastné a tmavé; jedinou farbou mimo monochromatickej palety je oranžový vypínač na samotnej klávesnici, ktorý pripomína výzvu na akciu Ember Orange. Obrázky sú štvorcové alebo s pomerom strán 16:9, vždy umiestnené na kartách s polomerom 20px a presahujúce okraje karty (okolo fotografie nie je žiadne odsadenie a text je pod okrajom). Štýl ikony: jedinou ikonografiou je malý vyplnený kruh (●) pred logom – jedna oranžová bodka s hrúbkou ~6px.
Paleta
Značka
- Ember Orange
#f45500— Hlavné akčné tlačidlo s výplňou je jediným chromatickým povrchom v používateľskom rozhraní, vždy sprevádzaným 30px oranžovým halo, vďaka ktorému svieti ako vlákno; 30px vonkajšia žiara na hlavnom tlačidle volania duplikuje symbol šesťuholníka Ember Orange, ale existuje skôr ako tieň než ako výplň, vďaka čomu sa tlačidlo javí ako osvetlené zvnútra.
Neutrálny
- Studio Charcoal
#202020— Plátno a kartónové povrchy sú ako podlaha tmavej galérie, nikdy nie úplne čierne, aby si oko mohlo oddýchnuť na jemných okrajoch. - Bone White
#ffffff— Hlavný text, tenké okraje obrázkov a zriedkavý invertovaný povrch. Celá hierarchia písiem je udržiavaná nezávisle. - Ash Gray
#9d9d9d— Tlmený text, jemné okraje kariet a neaktívne popisky sú jedinou stredne sivou farbou vo farebnej schéme, ktorá sa používa, keď je biela príliš výrazná. - Mid Felt
#eaeaea— Svetlý povrchový náter pre invertované panely alebo modálne mriežky – odtieň bielej, ktorý sa nachádza medzi béžovou a tmavým plátnom. - Carbon
#000000— Najvýraznejším akcentom sú ťahy ikon a kontrastné rámy, kde je uhľové plátno príliš svetlé na to, aby dobre držalo tvar. - Lavender Link
#9e9eff— Farba vloženého odkazu a obrys rámčeka dodatočnej akcie tvoria tlmený, studený kontrast s teplou oranžovou farbou, vďaka čomu sú akcie na uhľovom pozadí čitateľné.
Typografia
od 16 do 86px · 8 krokov
- GT-Flexa — náhrada: Inter (200/400) or Manrope (200/400) · obrysy 200, 400 · Primárne písmo pre nadpisy a dekoratívne prvky. Hmotnosť 200 umožňuje použitie každého nadpisu nad 24px – ide o charakteristický štýl: pri veľkostiach 68px a 86px sa písmená zdajú byť skôr rozpustené v atmosfére, než aby kričali. Hmotnosť 400 je vhodná pre podnadpisy a popisky kariet, kde sú sotva počuteľné. Riadkovanie je pri najväčších veľkostiach znížené na 1,0, takže dekoratívne písmo sa na seba nanáša ako stĺpec vzduchu.
- Tobias-light — náhrada: Söhne Buch or Inter Tight · obrysy 400 · Sekundárny typografický štýl pre nadpisy sekcií a logo v päte. Používa sa o krok nižšie ako GT-Flexa 200 na vytvorenie tónového kontrastu – Tobias má architektonickejší a expresívnejší dojem, zatiaľ čo GT-Flexa je atmosférickejšia. Negatívne rozstupy písmen zužujú široké proporcie Tobias Light.
- Times — náhrada: Source Serif 4 or PT Serif · obrysy 400 · Hlavný text a nadpisy odsekov sú zámerným kontrapunktom ku geometrickým, dekoratívnym fontom s použitím pätkových písmen. Pätky dodávajú popisom produktov teplo a redakčnú autoritu bez toho, aby prekračovali veľkosť hlavného textu.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 4-8px |
| Polomer tlačidla | 20px |
| Polomer karty | 20px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 48-128px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Electronic Materials Office a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- OFFFICE : — noir galéria pohltená monolitickým písmom
- Bibliothèque — Čierna galéria v tvare kocky pod reflektorom – osamelý osvetlený tanier v rozľahlej, tmavej hale
- 21 TSI — Karmínovočervená prázdnota, jediná silueta – editoriál o vysokej móde, kde sa používateľské rozhranie rozplýva v atmosfére
- Structured — Renesančná galéria na papieri podobnom plastelíne
- CHAIBOY — Čierna galerijná stena s jednou podsvietenou fotografiou
- Holiday 100 — Galéria darčekov o polnoci – pätkový titulok slúži ako reflektor, tmavé plátno ako zamatová stena a každý obrázok produktu visí ako starostlivo vybraný rám.
- Apple (España) — Galéria múzea, zaliata jemným denným svetlom, je jediný, podmanivý, beztiažový biely priestor, pričom každý exponát je osvetlený bodovým svetlom na jemne tónovanej stene.
- Analogue — Čierna galerijná vitrína – tovar sa vznáša v prázdnote
- Apple (España) — Výstavná sieň Obsidian Gallery je tmavá, kde na čiernom pozadí svieti jediný titánový predmet.
- Studio Oker — Zatemnená galéria so šarlátovými akcentmi – miestnosť s portfóliom lemovaná čiernymi stenami, kde sa zdá, že sa vznášajú biele písmená a ticho prerezáva jediný červený šepot.
- 099 SUPPLY — Stena galérie plná čiernobielych predmetov
- Retool — Teplá obsidiánová dielňa - povrch pre presné nástroje, osvetlený tlejúcimi uhlíkmi, kde sa všetko vytvára