Electronic Materials Office
Žėrintis žarijas galerijoje, papuoštoje anglimi
Elektroninių medžiagų biuras – tai vėlyvo vakaro dirbtuvės: matinė juoda drobė, vienas švytintis oranžinis žarijos gabalėlis ir šriftas, kuris veikiau šnabžda, o ne deklaruoja. Sąsaja kiekvieną ekraną traktuoja kaip tamsią studiją – klaviatūros nuotraukos yra vienintelis tikras šviesos šaltinis, ir vartotojo sąsaja tam paklūsta. Antraštės, įrėmintos 200 gramų storio GT-Flexa, kybo didžiulėje neigiamoje erdvėje; tekstas yra tyčia mažas ir humaniškas („Times“). Spalva matuojama: gryna balta šriftui, prislopinta violetinė (#9e9eff) nuorodoms ir vienas oranžinis (#f45500) raginimas veikti puslapyje, kuris švyti savo 30 pikselių švytėjimu. Komponentai glaudžiai telpa 20 pikselių spinduliu, kraštinės vos pastebimos ties #9d9d9d, o vieninteliai šešėliai sistemoje yra du spalvoti aureolės aplink pagrindinį veiksmą.
Viso pločio, anglies spalvos drobė su centre esančiu maksimalaus pločio turiniu (apie 1200 pikselių). Pagrindinis ekranas prasideda 20 pikselių spindulio medijos kortele su produkto vaizdo įrašu, užimančia maždaug 80 % rodinio pločio, po kurios iškart seka daugiaeilė „GT-Flexa 200“ antraštė, kuri tęsiasi beveik per visą turinio plotį. Skyriaus ritmas: vienas produkto aprašymo skyrius, parašytas Tobiaso stiliumi, vienomis didžiosiomis raidėmis, po kurio seka 2x2 tinklelis (darbalaukio versijoje) su produkto aprašymo kortelėmis. Kortelėse naudojami 1 pikselio #9d9d9d rėmeliai ir 24 pikselių tarpai tarp jų. Gausus vertikalus „kvėpavimas“ – skyriai atskirti 48–128 pikselių anglies spalvos neigiamos erdvės, o ne skirtukais. Navigacija yra vienas, permatomas skydelis, pritvirtintas viršuje, su paslėptų nuorodų grupe ir vienu „Ember“ raginimu veikti. Nėra šoninės juostos, nėra mega meniu, nėra antrinės navigacijos.
Vaizdai skirti tik produkto demonstravimui – stambus planas, kuriame „Altar I“ klaviatūra matoma visiškai juodame fone su foniniu apšvietimu iš viršaus, dėl kurio korpusas švyti, o klavišų dangteliai atspindi šviesą aplink kraštus. Jokio gyvenimo būdo, jokių žmogaus rankų, jokio aplinkos konteksto. Vaizdai yra didelio kontrasto ir tamsūs; vienintelė spalva už monochrominės paletės ribų yra oranžinis maitinimo jungiklis ant pačios klaviatūros, kuris atkartoja „Ember Orange“ raginimą veikti. Vaizdai yra kvadratiniai arba 16:9 formato, visada patalpinti kortelėse, kurių spindulys yra 20 pikselių, ir besitęsiantys už kortelės kraštų (aplink nuotrauką nėra užpildymo, o tekstas yra po kraštu). Piktogramos stilius: vienintelė ikonografija yra mažas užpildytas apskritimas (●) prieš logotipą – vienas oranžinis taškas, maždaug 6 pikselių storio.
Paletė
Prekės ženklas
- Ember Orange
#f45500— Pagrindinis veiksmo mygtukas su užpildu yra vienintelis chromatinis paviršius vartotojo sąsajoje, visada lydimas 30 pikselių oranžinio aureolės, dėl kurios jis švyti kaip kaitinimo siūlelis; 30 pikselių išorinis švytėjimas ant pagrindinio skambinimo mygtuko atkartoja „Ember Orange“ šešiakampio simbolį, bet yra kaip šešėlis, o ne užpildas, todėl mygtukas atrodo apšviestas iš vidaus.
Neutralus
- Studio Charcoal
#202020— Drobės ir kartono paviršiai – tarsi tamsios galerijos grindys, niekada nebūna visiškai juodos, kad akis galėtų nukrypti į švelnius kraštus. - Bone White
#ffffff— Pagrindinis tekstas, plonos paveikslėlių rėmeliai ir retas apverstas paviršius. Visa šriftų hierarchija tvarkoma atskirai. - Ash Gray
#9d9d9d— Pritildytas tekstas, subtilios kortelių rėmeliai ir neaktyvūs užrašai yra vieninteliai vidutinio pilkumo atspalviai spalvų schemoje, naudojami, kai balta spalva yra per ryški. - Mid Felt
#eaeaea— Šviesus paviršiaus plovimas apverstų plokščių arba modalinių grotelių dekoravimui – baltas atspalvis, esantis tarp smėlio ir tamsios drobės spalvų. - Carbon
#000000— Ryškiausias akcentas – piktogramų potėpiai ir kontrastingi rėmeliai, kur anglies drobė per lengva, kad gerai išlaikytų formą. - Lavender Link
#9e9eff— Įterptosios nuorodos spalva ir papildomo veiksmo rėmelio kontūras yra prislopintas, šaltas kontrastas su šilta oranžine spalva, užtikrinant, kad veiksmai būtų įskaitomi anglies spalvos fone.
Tipografija
nuo 16 iki 86 pikselių · 8 žingsniai
- GT-Flexa — pakeitimas: Inter (200/400) or Manrope (200/400) · kontūrai 200, 400 · Pagrindinis šriftas antraštėms ir dekoratyviniams elementams. 200 storio šriftas leidžia naudoti visas antraštes, viršijančias 24 pikselius – tai firminis stilius: esant 68 ir 86 pikselių dydžiams, raidės tarsi ištirpsta atmosferoje, o ne šaukia. 400 storio šriftas tinka paantraštėms ir kortelių antraštėms, kur jos vos girdimos. Didžiausių dydžių eilutės tarpai sumažinami iki 1,0, todėl dekoratyvinis šriftas kraunasi vienas ant kito kaip oro stulpas.
- Tobias-light — pakeitimas: Söhne Buch or Inter Tight · kontūrai 400 · Antrinis tipografijos stilius skyrių antraštėms ir poraštės logotipui. Jis naudojamas vienu žingsniu žemiau nei „GT-Flexa 200“, siekiant sukurti toninį kontrastą – „Tobias“ yra architektūriškesnis, išraiškingesnis, o „GT-Flexa“ – atmosferiškesnis. Neigiamas raidžių tarpas susiaurina plačias „Tobias Light“ proporcijas.
- Times — pakeitimas: Source Serif 4 or PT Serif · kontūrai 400 · Pagrindinis tekstas ir antraštės pastraipos yra sąmoningas geometrinių, dekoratyvinių šriftų, kuriuose naudojami serifai, kontrapunktas. Serifai suteikia produktų aprašymams šilumos ir redakcinio autoriteto neviršydami pagrindinio teksto dydžio.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 4-8px |
| Mygtuko spindulys | 20px |
| Kortelės spindulys | 20px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 48-128px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Electronic Materials Office stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- OFFFICE : — monolitiniame šrifte apgaubta noir galerija
- Bibliothèque — Juoda kubo formos galerija prožektoriuje – vieniša apšviesta lėkštė didžiulėje, tamsioje salėje
- 21 TSI — Raudona tuštuma, vienas siluetas – aukštosios mados redakcija, kurioje vartotojo sąsaja ištirpsta atmosferoje.
- Structured — Renesanso galerija ant plastilino tipo popieriaus
- CHAIBOY — Juoda galerijos siena su viena apšviesta nuotrauka
- Holiday 100 — Dovanų galerija vidurnaktį – antraštė su serifais tarnauja kaip prožektorius, tamsi drobė – kaip aksominė siena, o kiekvieno produkto paveikslėlis kabo tarsi kruopščiai atrinktame rėmelyje.
- Apple (España) — Muziejaus galerija, švelniai dienos šviesoje, yra vientisa, žavi, nesvari balta erdvė, kurioje kiekvienas eksponatas apšviestas prožektoriaus šviesa prie švelniai tamsintos sienos.
- Analogue — Juoda galerijos vitrina – prekės kybo tuštumoje
- Apple (España) — „Obsidian Gallery“ vitrina yra tamsi parodų salė, kurioje vienas titano objektas švyti juodame kaip degutas fone.
- Studio Oker — Tamsesnė galerija su raudonais akcentais – juodomis sienomis išklotas portfelių kambarys, kuriame, regis, sklando baltos raidės, o tylą perskrodžia vienas raudonas šnabždesys.
- 099 SUPPLY — Galerijos siena, pilna juodai baltų objektų
- Retool — Šiltas obsidianų dirbtuvės – precizinių įrankių paviršius, apšviestas rusenančių žarijų, kur viskas kuriama