Electronic Materials Office
Užareni žar u galeriji ukrašenoj ugljenom
Ured za elektroničke materijale je radionica koja radi do kasno u noć: mat crno platno, jedan užareni narančasti žar i font koji šapuće umjesto da izjavljuje. Sučelje tretira svaki zaslon kao zamračeni studio - fotografije tipkovnice jedini su pravi izvor svjetlosti, a korisničko sučelje mu se pokorava. Naslovi, postavljeni u GT-Flexi debljine 200, lebde u ogromnom negativnom prostoru; tekst je namjerno malen i humanistički (Times). Boja se mjeri: čisto bijela za tekst, prigušena ljubičasta (#9e9eff) za poveznice i jedan narančasti (#f45500) poziv na akciju na stranici koji svijetli vlastitim sjajem od 30px. Komponente se čvrsto uklapaju unutar radijusa od 20px, rubovi su jedva primjetni na #9d9d9d, a jedine sjene u sustavu su dva obojena aureola oko primarne akcije.
Platno pune širine, boje ugljena, s centriranim sadržajem maksimalne širine (~1200px). Glavni zaslon započinje medijskom karticom radijusa 20px koja sadrži videozapis proizvoda, zauzimajući otprilike 80% širine prikaza, odmah nakon čega slijedi višeredni GT-Flexa 200 naslov koji se prelama gotovo na punu širinu sadržaja. Ritam odjeljka: jedan odjeljak opisa proizvoda napisan velikim slovima u Tobiasovom stilu, nakon čega slijedi mreža 2x2 (na radnoj površini) kartica opisa proizvoda. Kartice koriste okvire od 1px #9d9d9d i žljebove od 24px između njih. Velikodušno vertikalno disanje - odjeljci su odvojeni s 48–128px negativnog prostora boje ugljena, a ne razdjelnicima. Navigacija je jedna, prozirna ploča usidrena na vrhu, s grupom skrivenih poveznica i jednim Ember pozivom na radnju. Nema bočne trake, nema mega-izbornika, nema sekundarne navigacije.
Slike su samo u svrhu demonstracije proizvoda - krupni plan makro snimke tipkovnice Altar I na potpuno crnoj pozadini, s pozadinskim osvjetljenjem odozgo, zbog čega kućište svijetli, a tipke reflektiraju svjetlost oko rubova. Nema načina života, nema ljudskih ruku, nema okolišnog konteksta. Slike su visokog kontrasta i tamne; jedina boja izvan monokromatske palete je narančasti prekidač za uključivanje/isključivanje na samoj tipkovnici, što odražava poziv na akciju Ember Orange. Slike su kvadratne ili 16:9, uvijek postavljene u kartice s radijusom od 20px i protežu se izvan rubova kartice (nema ruba oko fotografije, a tekst je ispod ruba). Stil ikone: jedina ikonografija je mali ispunjeni krug (●) prije logotipa - jedna narančasta točka, debljine ~6px.
Paleta
Robna marka
- Ember Orange
#f45500— Primarni akcijski gumb s ispunom jedina je kromatska površina u korisničkom sučelju, uvijek popraćena narančastim oreolom od 30px, zbog čega svijetli poput niti; vanjski sjaj od 30px na primarnom pozivnom gumbu duplicira simbol šesterokuta Ember Orange, ali postoji kao sjena, a ne kao ispuna, zbog čega gumb izgleda osvijetljen iznutra.
Neutralno
- Studio Charcoal
#202020— Platno i kartonske površine su poput poda tamne galerije, nikad potpuno crne, tako da oko može odmoriti na mekim rubovima. - Bone White
#ffffff— Glavni tekst, tanki rubovi na slikama i rijetka invertirana površina. Cijela hijerarhija fontova održava se neovisno. - Ash Gray
#9d9d9d— Prigušeni tekst, suptilni obrub kartice i neaktivni natpisi jedina su srednje siva boja u shemi boja, koja se koristi kada je bijela prejaka. - Mid Felt
#eaeaea— Lagani površinski premaz za invertirane panele ili modalne mreže - nijansa bijele koja se nalazi između bež i tamnog platna. - Carbon
#000000— Najupečatljiviji naglasak je na potezima ikona i kontrastnim okvirima gdje je platno boje ugljena previše svijetlo da bi dobro zadržalo oblik. - Lavender Link
#9e9eff— Boja ugrađene poveznice i obris dodatnog okvira radnje predstavljaju prigušen, hladan kontrast toploj narančastoj boji, osiguravajući da su radnje čitljive na ugljeno sivoj pozadini.
Tipografija
od 16 do 86px · 8 koraka
- GT-Flexa — zamjena: Inter (200/400) or Manrope (200/400) · obrisi 200, 400 · Primarni font za naslove i ukrasne elemente. Težina 200 omogućuje svaki naslov iznad 24px - ovo je prepoznatljiv stil: pri 68px i 86px, slova kao da se stapaju s atmosferom, a ne viču. Težina 400 prikladna je za podnaslove i opise kartica, gdje su jedva čujna. Razmak između redaka smanjen je na 1,0 kod najvećih veličina, pa se ukrasni font slaže jedan na drugi poput stupa zraka.
- Tobias-light — zamjena: Söhne Buch or Inter Tight · obrisi 400 · Sekundarni tipografski stil za naslove odjeljaka i logotip podnožja. Koristi se jedan korak ispod GT-Flexa 200 za stvaranje tonskog kontrasta - Tobias ima arhitektonskiji, izražajniji osjećaj, dok je GT-Flexa atmosferskija. Negativni razmak između slova sužava široke proporcije Tobias Lighta.
- Times — zamjena: Source Serif 4 or PT Serif · obrisi 400 · Glavni tekst i naslovni odlomci namjerno su kontrapunkt geometrijskim, dekorativnim fontovima, koristeći serife. Serifi dodaju toplinu i urednički autoritet opisima proizvoda bez prekoračenja veličine glavnog teksta.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 4-8px |
| Radijus gumba | 20px |
| Radijus kartice | 20px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 48-128px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Electronic Materials Office stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- OFFFICE : — galerija noir okružena monolitnim fontom
- Bibliothèque — Crna galerija u obliku kocke pod reflektorom – usamljena osvijetljena ploča u prostranoj, mračnoj dvorani
- 21 TSI — Grimizna praznina, jedna silueta – editorijal visoke mode gdje se korisničko sučelje rastvara u atmosferi
- Structured — Renesansna galerija na papiru sličnom plastelinu
- CHAIBOY — Crni galerijski zid s jednom fotografijom s pozadinskim osvjetljenjem
- Holiday 100 — Galerija darova u ponoć - naslov sa serifnim slovima služi kao reflektor, tamno platno kao baršunasti zid, a svaka slika proizvoda visi poput pažljivo odabranog okvira.
- Apple (España) — Muzejska galerija, u mekom dnevnom svjetlu, jedinstven je, očaravajući, bestežinski bijeli prostor, a svaki je eksponat osvijetljen reflektorom naspram lagano zatamnjenog zida.
- Analogue — Crna galerijska vitrina – roba lebdi u praznini
- Apple (España) — Izložbeni prostor galerije Obsidian je mračna izložbena dvorana u kojoj jedan titanski predmet svijetli na crnoj pozadini.
- Studio Oker — Zamračena galerija s grimiznim detaljima - soba s portfolijima obložena crnim zidovima, gdje bijela slova kao da lebde, a jedan crveni šapat probija tišinu.
- 099 SUPPLY — Zid galerije ispunjen crno-bijelim predmetima
- Retool — Topla radionica od opsidijana - površina za precizne alate, osvijetljena tinjajućim žarom, gdje se sve stvara