Electronic Materials Office
'n Gloeiende kol in 'n galery versier met houtskool
Die Elektroniese Materiaalkantoor is 'n laatnag-werkswinkel: 'n mat pikswart doek, 'n enkele gloeiende oranje kool, en 'n lettertipe wat fluister eerder as verklaar. Die koppelvlak behandel elke skerm soos 'n donker ateljee - foto's van die sleutelbord is die enigste werklike ligbron, en die gebruikerskoppelvlak gehoorsaam dit. Opskrifte, in 200-gewig GT-Flexa, dryf in groot negatiewe ruimte; liggaamstekste is doelbewus klein en humanisties (Times). Kleur word gemeet: suiwer wit vir lettertipe, gedempte pers (#9e9eff) vir skakels, en 'n enkele oranje (#f45500) oproep tot aksie op die bladsy wat gloei met sy eie 30px-gloed. Komponente pas styf binne 'n 20px-radius, rande is skaars merkbaar by #9d9d9d, en die enigste skaduwees in die stelsel is twee gekleurde stralekranse rondom die primêre aksie.
'n Volle breedte, houtskoolkleurige doek met gesentreerde inhoud van maksimum breedte (~1200px). Die hoofskerm begin met 'n mediakaart met 'n radius van 20px wat 'n produkvideo bevat, wat ongeveer 80% van die breedte van die kykvenster beslaan, onmiddellik gevolg deur 'n multi-lyn GT-Flexa 200-opskrif wat tot byna die volle inhoudbreedte toedraai. Afdelingritme: 'n enkele produkbeskrywingsafdeling in Tobias-styl hoofletters, gevolg deur 'n 2x2-rooster (op die lessenaar) van produkbeskrywingskaarte. Kaarte gebruik 1px #9d9d9d-grense en 24px-geute tussen hulle. Ruim vertikale asemhaling—afdelings word geskei deur 48–128px houtskoolkleurige negatiewe ruimte eerder as verdelers. Navigasie is 'n enkele, deursigtige paneel wat bo-aan geanker is, met 'n groep versteekte skakels en 'n enkele Ember-oproep tot aksie. Geen sybalk, geen mega-kieslys, geen sekondêre navigasie nie.
Die beelde is slegs vir produkdemonstrasiedoeleindes—’n naby-makro-skoot van die Altar I-sleutelbord teen ’n heeltemal swart agtergrond, met ’n agterlig van bo af, wat veroorsaak dat die omhulsel gloei en die sleutelbordkappe lig om die rande weerkaats. Geen leefstyl, geen menslike hande, geen omgewingskonteks nie. Die beelde is hoëkontras en donker; die enigste kleur buite die monochroom-palet is die oranje aan/af-skakelaar op die sleutelbord self, wat die Ember Orange-oproep tot aksie weerspieël. Beelde is vierkantig of 16:9, altyd geplaas in kaarte met ’n radius van 20 piksels en strek verder as die rande van die kaart (daar is geen opvulling rondom die foto nie, en die teks is onder die rand). Ikoonstyl: die enigste ikonografie is ’n klein gevulde sirkel (●) voor die logo—’n enkele oranje kolletjie, ~6 piksels dik.
Palet
Handelsmerk
- Ember Orange
#f45500— Die primêre aksieknoppie met 'n vulsel is die enigste chromatiese oppervlak in die gebruikerskoppelvlak, altyd vergesel deur 'n 30px oranje halo, wat dit soos 'n filament laat gloei; die 30px buitenste gloed op die primêre oproepknoppie dupliseer die Ember Orange seshoeksimbool, maar bestaan as 'n skaduwee eerder as 'n vulsel, wat die knoppie van binne verlig laat lyk.
Neutraal
- Studio Charcoal
#202020— Die doek- en kartonoppervlakke is soos die vloer van 'n donker galery, nooit heeltemal swart nie, sodat die oog op die sagte rande kan rus. - Bone White
#ffffff— Hoofteks, dun rande op beelde en 'n seldsame omgekeerde oppervlak. Die hele lettertipe-hiërargie word onafhanklik gehandhaaf. - Ash Gray
#9d9d9d— Gedempte teks, subtiele kaartrande en onaktiewe onderskrifte is die enigste middelgrys in die kleurskema, wat gebruik word wanneer wit te hard is. - Mid Felt
#eaeaea— 'n Ligte oppervlakwas vir omgekeerde panele of modale roosters - 'n skakering van wit wat tussen beige en donker doek lê. - Carbon
#000000— Die mees opvallende aksent is vir ikoonstrepe en kontrasterende rame waar die houtskooldoek te lig is om sy vorm goed te behou. - Lavender Link
#9e9eff— Die kleur van die ingebedde skakel en die buitelyn van die bykomende aksieraamwerk is 'n gedempte, koel kontras met die warm oranje, wat verseker dat die aksies leesbaar is teen die houtskoolagtergrond.
Tipografie
van 16 tot 86px · 8 stappe
- GT-Flexa — vervanging: Inter (200/400) or Manrope (200/400) · buitelyne 200, 400 · Die primêre lettertipe vir opskrifte en dekoratiewe elemente. Die gewig van 200 laat elke opskrif bo 24px toe – dit is 'n kenmerkende styl: teen 68px en 86px lyk dit asof die letters in die atmosfeer oplos eerder as om te skree. Die gewig van 400 is geskik vir subopskrifte en kaartbyskrifte, waar hulle skaars hoorbaar is. Lynafstand word verminder tot 1.0 by die grootste groottes, sodat die dekoratiewe lettertipe bo-op mekaar stapel soos 'n lugkolom.
- Tobias-light — vervanging: Söhne Buch or Inter Tight · buitelyne 400 · 'n Sekondêre tipografiese styl vir afdelingsopskrifte en die voetskriflogo. Dit word een stap onder GT-Flexa 200 gebruik om 'n tonale kontras te skep—Tobias het 'n meer argitektoniese, ekspressiewe gevoel, terwyl GT-Flexa meer atmosferies is. Die negatiewe letterspasiëring vernou die wye proporsies van Tobias Light.
- Times — vervanging: Source Serif 4 or PT Serif · buitelyne 400 · Die liggaamsteks en opskrifparagrawe is 'n doelbewuste teenpunt vir die geometriese, dekoratiewe lettertipes, wat serifs gebruik. Die serifs voeg warmte en redaksionele gesag by die produkbeskrywings sonder om die grootte van die liggaamsteks te oorskry.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | dig |
| Basiese stap | 4-8px |
| Knoppieradius | 20px |
| Kaartradius | 20px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 48-128px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Electronic Materials Office -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- OFFFICE : — 'n noir-galery omhul in monolitiese lettertipe
- Bibliothèque — 'n Swart kubusvormige galery onder 'n kollig – 'n eensame verligte bord in 'n groot, donker saal
- 21 TSI — ’n Karmosynrooi leegte, ’n enkele silhoeët – ’n hoëmode-redaksionele stuk waar die gebruikerskoppelvlak in die atmosfeer oplos
- Structured — Renaissance-galery op kleiagtige papier
- CHAIBOY — 'n Swart galerymuur met 'n enkele agterbeligte foto
- Holiday 100 — 'n Galery van geskenke om middernag—'n serif-opskrif dien as 'n kollig, 'n donker doek as 'n fluweelmuur, en elke produkbeeld hang soos 'n sorgvuldig geselekteerde raam.
- Apple (España) — Die museumgalery, in sagte daglig, is 'n enkele, boeiende, gewiglose wit ruimte, met elke uitstalling verlig deur 'n kollig teen 'n liggies getinte muur.
- Analogue — Swart galery-uitstalkas – goedere sweef in die leegte
- Apple (España) — Die Obsidian Gallery-uitstalling is 'n donker uitstallingsaal waar 'n enkele titaniumvoorwerp teen 'n pikswart agtergrond gloei.
- Studio Oker — ’n Verdonkerde galery met skarlakenrooi aksente—’n portefeuljekamer met swart mure, waar wit letters lyk of hulle sweef en ’n enkele rooi fluistering deur die stilte sny.
- 099 SUPPLY — 'n Galerymuur gevul met swart en wit voorwerpe
- Retool — 'n Warm obsidiaanwerkswinkel - 'n oppervlak vir presisiegereedskap, verlig deur smeulende kole, waar alles geskep word.