Electronic Materials Office
Glóandi glóð í galleríi skreytt með viðarkolum
Skrifstofa rafrænna efnis er eins og kvöldvinna: matt, kolsvart strigi, ein glóandi appelsínugult letur og leturgerð sem hvíslar frekar en lýsir yfir. Viðmótið lítur á hvern skjá eins og dimmt vinnustofu – ljósmyndir af lyklaborðinu eru eina raunverulega ljósgjafinn og notendaviðmótið hlýðir henni. Fyrirsagnir, settar í 200-þyngd GT-Flexa, fljóta í gríðarstóru neikvæðu rými; meginmál er vísvitandi lítið og mannlegt (Times). Liturinn er mældur: hreint hvítt fyrir letur, dauf fjólublátt (#9e9eff) fyrir tengla og ein appelsínugult (#f45500) aðgerðahvatning á síðunni sem glóir með sínum eigin 30px ljóma. Íhlutirnir passa þétt innan 20px radíus, rammar eru varla áberandi við #9d9d9d og einu skuggarnir í kerfinu eru tveir litaðir geislar í kringum aðalaðgerðina.
Fullbreidd, kolsvört strigi með miðjuðu efni í hámarksbreidd (~1200px). Aðalskjárinn byrjar á 20px margmiðlunarkorti sem inniheldur vörumyndband, sem tekur um það bil 80% af breidd gluggans, strax á eftir kemur marglínu GT-Flexa 200 fyrirsögn sem nær næstum fullri breidd efnisins. Hlutaskipting: einn hluti með vörulýsingu í Tobias-stíl með hástöfum, fylgt eftir af 2x2 rist (á skjáborði) af vörulýsingarkortum. Kortin nota 1px #9d9d9d ramma og 24px millibil. Rúmgóð lóðrétt bil - hlutar eru aðskildir með 48–128px af kolsvörtu neikvæðu rými frekar en skilrúmum. Leiðsögnin er ein, gegnsæ spjald sem er fest efst, með klasa af földum tenglum og einni Ember-aðgerðahvatningu. Engin hliðarstika, engin risavalmynd, engin aukaleiðsögn.
Myndirnar eru eingöngu til sýnikennslu á vörunni — nærmynd af Altar I lyklaborðinu á alveg svörtum bakgrunni, með baklýsingu að ofan sem veldur því að hulstrið glóar og lyklaborðin endurkasta ljósi meðfram brúnunum. Enginn lífsstíll, engar mannshendur, ekkert umhverfislegt samhengi. Myndefnið er með miklum birtuskilum og dökkum litum; eini liturinn utan einlita litatöflunnar er appelsínuguli rofinn á lyklaborðinu sjálfu, sem endurspeglar aðgerðahvatninguna í Ember Orange. Myndirnar eru ferkantaðar eða 16:9, alltaf settar í kort með 20px radíus og ná út fyrir brúnir kortsins (það er engin fylling í kringum myndina og textinn er fyrir neðan brúnina). Táknmyndagerð: eina táknmyndin er lítill fylltur hringur (●) fyrir framan merkið — einn appelsínugulur punktur, ~6px þykkur.
Litatöflu
Vörumerki
- Ember Orange
#f45500— Aðalaðgerðarhnappurinn með fyllingu er eina litaða yfirborðið í notendaviðmótinu, alltaf með 30px appelsínugulum geislabaug, sem lætur hann glóa eins og þráður; 30px ytri ljóminn á aðalhringihnappinum afritar glóandi appelsínugula sexhyrningatáknið, en er til staðar sem skuggi frekar en fylling, sem lætur hnappinn virðast upplýstan að innan.
Hlutlaus
- Studio Charcoal
#202020— Striginn og pappaflöturinn eru eins og gólf í dimmu galleríi, aldrei alveg svartur, svo að augað geti hvílt sig á mjúku brúnunum. - Bone White
#ffffff— Aðaltexti, þunnir rammar á myndum og sjaldgæft öfugt yfirborð. Öllu leturgerðakerfinu er viðhaldið sjálfstætt. - Ash Gray
#9d9d9d— Þöggaður texti, lúmskur rammi fyrir kort og óvirkir myndatextar eru einu miðgráu litirnir í litasamsetningunni, notaðir þegar hvítur er of áberandi. - Mid Felt
#eaeaea— Létt yfirborðsþvottur fyrir öfug spjöld eða modal-net - hvítur litur sem fellur á milli beige og dökks striga. - Carbon
#000000— Mest áberandi er áherslan á táknmyndastrik og andstæða ramma þar sem kolsvört strigi er of ljós til að halda lögun sinni vel. - Lavender Link
#9e9eff— Liturinn á innbyggða tenglinum og útlínur viðbótaraðgerðarammans eru dauf, köld andstæða við hlýja appelsínugula litinn, sem tryggir að aðgerðirnar séu læsilegar á kolsvörtum bakgrunni.
Leturfræði
frá 16 til 86px · 8 skref
- GT-Flexa — skipti: Inter (200/400) or Manrope (200/400) · útlínur 200, 400 · Aðal leturgerðin fyrir fyrirsagnir og skreytingar. Þykktin 200 leyfir allar fyrirsagnir yfir 24px — þetta er einkennisstafur: við 68px og 86px virðast stafirnir leysast upp í andrúmsloftinu frekar en að hrópa. Þykktin 400 hentar vel fyrir undirfyrirsagnir og myndatexta á kortum, þar sem þeir heyrast varla. Línubil er minnkað í 1,0 í stærstu stærðunum, þannig að skreytingarleturgerðin staflast hvert ofan á annað eins og loftsúla.
- Tobias-light — skipti: Söhne Buch or Inter Tight · útlínur 400 · Auka leturgerð fyrir kaflafyrirsagnir og merki í síðufóti. Hún er notuð einu þrepi fyrir neðan GT-Flexa 200 til að skapa tónaandstæður — Tobias hefur meira byggingarlistarlegt og tjáningarfullt yfirbragð, en GT-Flexa er meira andrúmsloftskennt. Neikvætt bil á stafi þrengir breiðari hlutföll Tobias Light.
- Times — skipti: Source Serif 4 or PT Serif · útlínur 400 · Megintextinn og fyrirsagnirnar eru vísvitandi mótvægi við rúmfræðilega, skreytingarlega leturgerðirnar, þar sem notaðar eru serífur. Serífurnar bæta hlýju og ritstjórnarlegum krafti við vörulýsingarnar án þess að fara yfir stærð megintextans.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 4-8px |
| Hnapparadíus | 20px |
| Radíus korts | 20px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 48-128px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Electronic Materials Office og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- OFFFICE : — Noir gallerí hulið einlita leturgerð
- Bibliothèque — Svart teningslaga gallerí undir kastljósi – einn upplýstur plata í stórum, dimmum sal
- 21 TSI — Dökkrautt tómarúm, ein skuggamynd – hátískuritstjórnargrein þar sem notendaviðmótið leysist upp í andrúmsloftinu
- Structured — Endurreisnargallerí á plastínulíkum pappír
- CHAIBOY — Svartur galleríveggur með einni baklýstri ljósmynd
- Holiday 100 — Gjafamyndasafn um miðnætti — fyrirsögn með serif-mynstri þjónar sem sviðsljós, dökkur strigi sem flauelsveggur og hver mynd af vörunni hangir eins og vandlega valinn rammi.
- Apple (España) — Safnsýningarsalurinn, í mjúkri dagsbirtu, er eitt, heillandi, þyngdarlaust hvítt rými, þar sem hver sýning er upplýst með kastljósi á móti ljóslituðum vegg.
- Analogue — Svart gallerísýningarskápur – vörur svífa í tóminu
- Apple (España) — Sýningarsalur Obsidian-gallerísins er dimmur sýningarsalur þar sem einn títanhlutur glóar á kolsvörtum bakgrunni.
- Studio Oker — Dimmt gallerí með skarlatsrauðum áherslum — myndasafnsherbergi fóðrað svörtum veggjum, þar sem hvítir stafir virðast fljóta og eitt rautt hvísl sker þögnina.
- 099 SUPPLY — Galleríveggur fullur af svörtum og hvítum hlutum
- Retool — Hlýlegt verkstæði úr obsidian - yfirborð fyrir nákvæmnisverkfæri, upplýst af glóandi glóðum, þar sem allt verður til