Electronic Materials Office
Žareča žerjavica v galeriji, okrašeni z ogljem
Pisarna za elektronske materiale je delavnica, ki se odvija pozno v noč: mat črno platno, ena sama žareča oranžna žerjavica in pisava, ki šepeta, namesto da bi razglašala. Vmesnik obravnava vsak zaslon kot zatemnjen studio – fotografije tipkovnice so edini pravi vir svetlobe, uporabniški vmesnik pa se jim prilagaja. Naslovi, ustvarjeni v 200-gramskem GT-Flexa pisavi, lebdijo v ogromnem negativnem prostoru; besedilo besedila je namerno majhno in humanistično (Times). Barva je odmerjena: čisto bela za pisavo, umirjena vijolična (#9e9eff) za povezave in en sam oranžen (#f45500) poziv k dejanju na strani, ki sveti s svojim lastnim 30px sijajem. Komponente se tesno prilegajo znotraj polmera 20px, robovi so pri #9d9d9d komaj opazni, edini senci v sistemu pa sta dva barvna haloja okoli primarnega dejanja.
Platno polne širine, ogljeno, z vsebino, poravnano na sredino, največje širine (~1200 slikovnih pik). Glavni zaslon se začne z medijsko kartico s polmerom 20 slikovnih pik, ki vsebuje videoposnetek izdelka in zaseda približno 80 % širine vidnega polja, takoj za njim pa sledi večvrstični naslov GT-Flexa 200, ki se prelomi skoraj na celotno širino vsebine. Ritem razdelkov: en sam razdelek z opisom izdelka, napisan z velikimi tiskanimi črkami v slogu Tobiasa, ki mu sledi mreža 2x2 (na namizju) kartic z opisom izdelkov. Kartice uporabljajo obrobe velikosti 1 slikovna pika #9d9d9d in 24 slikovnih pik žlebov med njimi. Velikodušno navpično dihanje – razdelki so ločeni z negativnim prostorom v ogljeni barvi širine 48–128 slikovnih pik namesto z razdelilniki. Navigacija je ena sama, prozorna plošča, zasidrana na vrhu, s skupino skritih povezav in enim samim pozivom k dejanju Ember. Brez stranske vrstice, brez mega menija, brez sekundarne navigacije.
Slike so namenjene zgolj predstavitvi izdelka – makro posnetek tipkovnice Altar I od blizu na popolnoma črnem ozadju z osvetlitvijo od zgoraj, zaradi česar se ohišje sveti, tipke pa odbijajo svetlobo okoli robov. Ni življenjskega sloga, ni človeških rok, ni okoljskega konteksta. Slike so visokokontrastne in temne; edina barva zunaj enobarvne palete je oranžno stikalo za vklop na sami tipkovnici, ki odraža poziv k dejanju Ember Orange. Slike so kvadratne ali v razmerju 16:9, vedno postavljene v kartice s polmerom 20 slikovnih pik in segajo čez robove kartice (okoli fotografije ni obrobe, besedilo pa je pod robom). Slog ikone: edina ikonografija je majhen zapolnjen krog (●) pred logotipom – ena sama oranžna pika, debela ~6 slikovnih pik.
Paleta
Blagovna znamka
- Ember Orange
#f45500— Primarni akcijski gumb z zapolnitvijo je edina kromatična površina v uporabniškem vmesniku, ki jo vedno spremlja 30px velik oranžen halo, zaradi česar sveti kot nitka; 30px velik zunanji sij na primarnem klicnem gumbu podvaja simbol šesterokotnika Ember Orange, vendar obstaja kot senca in ne kot zapolnitev, zaradi česar je gumb videti osvetljen od znotraj.
Nevtralno
- Studio Charcoal
#202020— Platnene in kartonske površine so kot tla temne galerije, nikoli popolnoma črne, tako da se oko lahko umiri na mehkih robovih. - Bone White
#ffffff— Glavno besedilo, tanki robovi okoli slik in redka obrnjena površina. Celotna hierarhija pisav se vzdržuje neodvisno. - Ash Gray
#9d9d9d— Utišano besedilo, subtilni robovi kartic in neaktivni napisi so edina srednje siva barva v barvni shemi, ki se uporablja, kadar je bela premočna. - Mid Felt
#eaeaea— Svetlo površinsko pranje za obrnjene plošče ali modalne mreže - odtenek bele, ki se nahaja med bež in temnim platnom. - Carbon
#000000— Najbolj presenetljiv poudarek je pri potezah ikon in kontrastnih okvirjih, kjer je ogljeno platno prelahko, da bi dobro ohranilo obliko. - Lavender Link
#9e9eff— Barva vdelane povezave in obris dodatnega okvirja za dejanja sta v umirjenem, hladnem kontrastu s toplo oranžno barvo, kar zagotavlja, da so dejanja berljiva na ogleno ozadju.
Tipografija
od 16 do 86 slikovnih pik · 8 korakov
- GT-Flexa — zamenjava: Inter (200/400) or Manrope (200/400) · obrisi 200, 400 · Primarna pisava za naslove in okrasne elemente. Teža 200 omogoča uporabo vseh naslovov nad 24 slikovnih pik – to je značilen slog: pri 68 slikovnih pikah in 86 slikovnih pikah se zdi, kot da se črke raztopijo v ozračju, namesto da bi kričale. Teža 400 je primerna za podnaslove in napise kartic, kjer so komaj slišne. Razmik med vrsticami je pri največjih velikostih zmanjšan na 1,0, zato se okrasna pisava nalaga druga na drugo kot steber zraka.
- Tobias-light — zamenjava: Söhne Buch or Inter Tight · obrisi 400 · Sekundarni tipografski slog za naslove razdelkov in logotip v nogi. Uporablja se eno stopnjo nižje od GT-Flexa 200 za ustvarjanje tonskega kontrasta – Tobias ima bolj arhitekturni, izrazni občutek, medtem ko je GT-Flexa bolj atmosferski. Negativni razmik med črkami zožuje široke proporce Tobias Light.
- Times — zamenjava: Source Serif 4 or PT Serif · obrisi 400 · Besedilo telesa in naslovi odstavkov so namerna protiutež geometrijskim, dekorativnim pisavam, pri čemer se uporabljajo serifi. Serifi dodajo opisom izdelkov toplino in uredniško avtoriteto, ne da bi presegli velikost besedila telesa.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 4-8px |
| Polmer gumba | 20px |
| Polmer kartice | 20px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 48-128px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Electronic Materials Office in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- OFFFICE : — galerija noir, zajeta v monolitni pisavi
- Bibliothèque — Črna galerija v obliki kocke pod reflektorjem – osamljena osvetljena plošča v prostrani, temni dvorani
- 21 TSI — Škrlatna praznina, ena sama silhueta – editorial visoke mode, kjer se uporabniški vmesnik raztopi v ozračju
- Structured — Renesančna galerija na papirju, podobnem plastelinu
- CHAIBOY — Črna galerijska stena z eno samo fotografijo, osvetljeno od zadaj
- Holiday 100 — Galerija daril ob polnoči – naslov s serifi služi kot žaromet, temno platno kot žametna stena, vsaka slika izdelka pa visi kot skrbno izbran okvir.
- Apple (España) — Muzejska galerija, v mehki dnevni svetlobi, je en sam, očarljiv, breztežen bel prostor, kjer vsak eksponat osvetljuje reflektor na rahlo zatemnjeni steni.
- Analogue — Črna galerijska vitrina – blago lebdi v praznini
- Apple (España) — Razstavna dvorana galerije Obsidian je temna razstavna dvorana, kjer se na črnem ozadju sveti en sam titanov predmet.
- Studio Oker — Zatemnjena galerija s škrlatnimi poudarki – soba s portfelji, obdana s črnimi stenami, kjer se zdi, kot da bele črke lebdijo, tišino pa prereže en sam rdeč šepet.
- 099 SUPPLY — Galerijska stena, polna črno-belih predmetov
- Retool — Topla delavnica iz obsidiana - površina za precizno orodje, osvetljena s tlečim žerjavom, kjer nastaja vse