
Electronic Materials Office
Žhavý uhlík v galerii zdobené dřevěným uhlím
Kancelář elektronických materiálů je noční dílna: matné černé plátno, jediný zářící oranžový uhlík a písmo, které spíše šeptá, než aby prohlašovalo. Rozhraní zachází s každou obrazovkou jako s potemnělým ateliérem – fotografie klávesnice jsou jediným skutečným zdrojem světla a uživatelské rozhraní se mu podřizuje. Titulky, zasazené do písma GT-Flexa o gramáži 200, se vznášejí v obrovském negativním prostoru; text textu je záměrně malý a humanistický (Times). Barva je měřena: čistě bílá pro písmo, tlumená fialová (#9e9eff) pro odkazy a jediná oranžová (#f45500) výzva k akci na stránce, která září vlastní 30pixelovou září. Komponenty těsně zapadají do poloměru 20px, okraje jsou sotva znatelné na #9d9d9d a jedinými stíny v systému jsou dva barevné svatozáře kolem primární akce.
Plátno v černém provedení o plné šířce s centrovaným obsahem o maximální šířce (~1200 pixelů). Hlavní obrazovka začíná kartou s poloměrem 20 pixelů obsahující video produktu, které zabírá zhruba 80 % šířky zobrazovací oblasti, bezprostředně následovanou víceřádkovým nadpisem GT-Flexa 200, který se zalamuje téměř na celou šířku obsahu. Rytmus sekcí: jedna sekce s popisem produktu psaná velkými písmeny ve stylu Tobiase, následovaná mřížkou 2x2 (na ploše) s kartami s popisem produktu. Karty používají okraje o šířce 1 pixel #9d9d9d a mezi nimi mezery o šířce 24 pixelů. Velkoryské vertikální „dýchání“ – sekce jsou odděleny negativním prostorem v černém provedení o šířce 48–128 pixelů namísto oddělovačů. Navigace je tvořena jediným průhledným panelem ukotveným v horní části se shlukem skrytých odkazů a jedinou výzvou k akci Ember. Žádný postranní panel, žádné mega menu, žádná sekundární navigace.
Obrázky slouží pouze pro účely demonstrace produktu – detailní makro snímek klávesnice Altar I na zcela černém pozadí s podsvícením shora, které způsobuje, že pouzdro září a klávesy odrážejí světlo po okrajích. Žádný životní styl, žádné lidské ruce, žádný environmentální kontext. Snímky jsou vysoce kontrastní a tmavé; jedinou barvou mimo monochromatickou paletu je oranžový vypínač na samotné klávesnici, který odráží výzvu k akci Ember Orange. Obrázky jsou čtvercové nebo 16:9, vždy umístěné na kartách s poloměrem 20 pixelů a přesahující okraje karty (kolem fotografie není žádné odsazení a text je pod okrajem). Styl ikon: jedinou ikonografií je malý vyplněný kruh (●) před logem – jedna oranžová tečka o tloušťce ~6 pixelů.
Paleta
Značka
- Ember Orange
#f45500— Primární tlačítko akce s výplní je jediným chromatickým povrchem v uživatelském rozhraní, vždy doprovázeným 30px oranžovým svatozářem, díky kterému září jako vlákno; 30px vnější záře na primárním tlačítku volání duplikuje symbol šestiúhelníku Ember Orange, ale existuje spíše jako stín než jako výplň, takže tlačítko vypadá osvětlené zevnitř.
Neutrální
- Studio Charcoal
#202020— Plátno a kartonové povrchy jsou jako podlaha temné galerie, nikdy ne zcela černé, aby oko mohlo spočinout na měkkých hranách. - Bone White
#ffffff— Hlavní text, tenké okraje obrázků a vzácný invertovaný povrch. Celá hierarchie písem je udržována nezávisle. - Ash Gray
#9d9d9d— Tlumený text, jemné okraje karet a neaktivní popisky jsou jedinou středně šedou barvou v barevném schématu, která se používá, když je bílá příliš výrazná. - Mid Felt
#eaeaea— Světlý povrchový wash pro invertované panely nebo modální mřížky – odstín bílé, který se nachází mezi béžovou a tmavým plátnem. - Carbon
#000000— Nejvýraznějším akcentem jsou ikonické tahy a kontrastní rámy, kde je uhlově šedé plátno příliš světlé na to, aby dobře drželo tvar. - Lavender Link
#9e9eff— Barva vloženého odkazu a obrys rámečku doplňkové akce tvoří tlumený, studený kontrast k teplé oranžové, což zajišťuje čitelnost akcí na uhlově šedém pozadí.
Typografie
od 16 do 86 pixelů · 8 kroků
- GT-Flexa — nahrazení: Inter (200/400) or Manrope (200/400) · obrysy 200, 400 · Primární písmo pro nadpisy a dekorativní prvky. Váha 200 umožňuje použití všech nadpisů nad 24px – jedná se o charakteristický styl: při 68px a 86px se písmena spíše rozpouštějí v atmosféře, než aby křičela. Váha 400 je vhodná pro podnadpisy a popisky karet, kde jsou sotva slyšitelné. Řádkování je u největších velikostí sníženo na 1,0, takže dekorativní písmo se na sebe vrství jako sloup vzduchu.
- Tobias-light — nahrazení: Söhne Buch or Inter Tight · obrysy 400 · Sekundární typografický styl pro nadpisy sekcí a logo v zápatí. Používá se o krok níže než GT-Flexa 200 k vytvoření tónového kontrastu – Tobias působí architektonickyji a expresivněji, zatímco GT-Flexa je atmosféričtější. Negativní rozteč písmen zužuje široké proporce písma Tobias Light.
- Times — nahrazení: Source Serif 4 or PT Serif · obrysy 400 · Text a nadpisy v odstavcích jsou záměrným protipólem geometrických, dekorativních fontů s použitím patek. Patky dodávají popisům produktů teplo a redakční autoritu, aniž by překračovaly velikost textu.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 4-8px |
| Poloměr tlačítka | 20px |
| Poloměr karty | 20px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 48-128px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Electronic Materials Office a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- OFFFICE : — noir galerie pohlcená monolitickým písmem
- Bibliothèque — Černá galerie ve tvaru krychle pod reflektorem – osamělý osvětlený talíř v rozlehlé, temné hale
- 21 TSI — Karmínová prázdnota, jediná silueta – editoriál o vysoké módě, kde se uživatelské rozhraní rozpouští v atmosféře
- Structured — Renesanční galerie na papíře podobném plastelíně
- CHAIBOY — Černá galerijní stěna s jedinou podsvícenou fotografií
- Holiday 100 — Galerie dárků o půlnoci – patkový titulek slouží jako reflektor, tmavé plátno jako sametová stěna a každý obrázek produktu visí jako pečlivě vybraný rám.
- Apple (España) — Galerie muzea, zalitá měkkým denním světlem, je jediný, podmanivý, beztížný bílý prostor, kde každý exponát osvětluje bodové světlo na lehce tónované stěně.
- Analogue — Černá galerijní vitrína – zboží se vznáší v prázdnotě
- Apple (España) — Výstavní síň Obsidian Gallery je tmavá, kde na černém pozadí září jediný titanový předmět.
- Studio Oker — Zatemněná galerie s šarlatovými akcenty – místnost s portfoliem lemovaná černými stěnami, kde se zdá, že se vznášejí bílá písmena a tichem prořezává jediný červený šepot.
- 099 SUPPLY — Galerijní stěna plná černobílých objektů
- Retool — Teplá obsidiánová dílna - plocha pro přesné nástroje, osvětlená doutnajícími uhlíky, kde se všechno vytváří