Electronic Materials Office
Užareni žar u galeriji ukrašenoj ugljenom
Ured za elektronske materijale je radionica koja radi do kasno u noć: mat crno platno, jedan užareni narandžasti žar i font koji šapuće umjesto da izjavljuje. Interfejs tretira svaki ekran kao zamračeni studio - fotografije tastature su jedini pravi izvor svjetlosti, a korisnički interfejs mu se pokorava. Naslovi, postavljeni u GT-Flexi debljine 200, lebde u ogromnom negativnom prostoru; tekst je namjerno mali i humanistički (Times). Boja se mjeri: čisto bijela za tekst, prigušena ljubičasta (#9e9eff) za linkove i jedan narandžasti (#f45500) poziv na akciju na stranici koji svijetli vlastitim sjajem od 30px. Komponente se čvrsto uklapaju unutar radijusa od 20px, okviri su jedva primjetni na #9d9d9d, a jedine sjene u sistemu su dva obojena oreola oko primarne akcije.
Platno pune širine, boje ugljena, sa centriranim sadržajem maksimalne širine (~1200px). Glavni ekran počinje medijskom karticom radijusa 20px koja sadrži video 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 s opisom proizvoda napisan velikim slovima u Tobias stilu, nakon čega slijedi mreža 2x2 (na radnoj površini) kartica s opisom 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 jedan, prozirni panel usidren na vrhu, sa skupinom skrivenih linkova i jednim Ember pozivom na akciju. Nema bočne trake, nema mega-izbornika, nema sekundarne navigacije.
Slike su samo u svrhu demonstracije proizvoda - krupni plan makro snimka Altar I tastature na potpuno crnoj pozadini, s pozadinskim osvjetljenjem odozgo, što uzrokuje da 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 narandžasti prekidač za napajanje na samoj tastaturi, koji 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 narandžasta tačka, debljine ~6px.
Paleta
Brend
- Ember Orange
#f45500— Primarno dugme za akciju sa ispunom je jedina hromatska površina u korisničkom interfejsu, uvijek popraćena narandžastim oreolom od 30px, zbog čega svijetli poput niti; vanjski sjaj od 30px na glavnom dugmetu za poziv duplicira simbol šesterokuta Ember Orange, ali postoji kao sjena, a ne kao ispuna, zbog čega dugme izgleda osvijetljeno iznutra.
Neutralno
- Studio Charcoal
#202020— Platno i kartonske površine su poput poda tamne galerije, nikada potpuno crne, tako da oko može da se odmori na mekim ivicama. - Bone White
#ffffff— Glavni tekst, tanki okviri na slikama i rijetka invertovana površina. Cijela hijerarhija fontova održava se nezavisno. - Ash Gray
#9d9d9d— Prigušeni tekst, suptilni okviri kartica i neaktivni natpisi su jedina srednje siva boja u shemi boja, koja se koristi kada je bijela previše jaka. - Mid Felt
#eaeaea— Lagani površinski premaz za invertovane panele ili modalne mreže - nijansa bijele koja se nalazi između bež i tamnog platna. - Carbon
#000000— Najupečatljiviji akcenat je na potezima ikona i kontrastnim okvirima gdje je platno boje uglja previše svijetlo da bi dobro zadržalo oblik. - Lavender Link
#9e9eff— Boja ugrađenog linka i obris dodatnog okvira za radnju predstavljaju prigušen, hladan kontrast toploj narandžastoj boji, osiguravajući da su radnje čitljive na pozadini boje uglja.
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 dekorativne elemente. Težina od 200 dozvoljava svaki naslov iznad 24px - ovo je prepoznatljiv stil: na 68px i 86px, slova kao da se rastvaraju u atmosferi, a ne vrište. Težina od 400 je pogodna za podnaslove i natpise kartica, gdje su jedva čujna. Razmak između redova je smanjen na 1,0 kod najvećih veličina, tako da se dekorativni 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 logo podnožja. Koristi se jedan stepen ispod GT-Flexa 200 kako bi se stvorio tonski kontrast - Tobias ima arhitektonskiji, ekspresivniji osjećaj, dok je GT-Flexa atmosferskiji. Negativni razmak između slova sužava široke proporcije Tobias Light-a.
- Times — zamjena: Source Serif 4 or PT Serif · obrisi 400 · Glavni tekst i zaglavlja u paragrafima su namjerni 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 dugmeta | 20px |
| Radijus kartice | 20px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 48-128px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Electronic Materials Office stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- OFFFICE : — noir galerija obavijena monolitnim fontom
- Bibliothèque — Crna galerija u obliku kocke pod reflektorom – usamljena osvijetljena ploča u ogromnoj, mračnoj dvorani
- 21 TSI — Grimizna praznina, jedna silueta – editorijal visoke mode gdje se korisnički interfejs rastvara u atmosferi
- Structured — Renesansna galerija na papiru sličnom plastelinu
- CHAIBOY — Crni galerijski zid s jednom fotografijom s pozadinskim osvjetljenjem
- Holiday 100 — Galerija poklona 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, okupana blagim dnevnim svjetlom, predstavlja jedinstven, očaravajući, bestežinski bijeli prostor, gdje svaki eksponat osvijetli reflektor naspram lagano zatamnjenog zida.
- Analogue — Crna galerijska vitrina – roba lebdi u praznini
- Apple (España) — Izložbeni prostor galerije Obsidian je mračna dvorana u kojoj jedan titanijumski 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