Electronic Materials Office
Kvēlojoša ogle galerijā, kas dekorēta ar ogli
Elektronisko materiālu birojs ir kā vēla nakts darbnīca: matēts melns audekls, viena mirdzoša oranža ogle un burtveidols, kas drīzāk čukst, nevis paziņo. Saskarne katru ekrānu uztver kā aptumšotu studiju — tastatūras fotogrāfijas ir vienīgais īstais gaismas avots, un lietotāja interfeiss tam pakļaujas. Virsraksti, kas ievietoti 200 gramu GT-Flexa fonā, peld plašā negatīvajā telpā; pamatteksts ir apzināti mazs un cilvēcīgs (Times). Krāsa tiek mērīta: tīri balta burtiem, klusināta violeta (#9e9eff) saitēm un viens oranžs (#f45500) aicinājums uz darbību lapā, kas mirdz ar savu 30 px mirdzumu. Komponenti cieši pieguļ 20 px rādiusā, apmales ir tik tikko pamanāmas pie #9d9d9d, un vienīgās ēnas sistēmā ir divas krāsainas oreoli ap galveno darbību.
Pilna platuma, ogles krāsas audekls ar centrētu, maksimālā platuma saturu (~1200 pikseļi). Galvenais ekrāns sākas ar 20 pikseļu rādiusa multivides karti, kurā ir produkta video, kas aizņem aptuveni 80% no skata loga platuma, kam tūlīt seko daudzrindu GT-Flexa 200 virsraksts, kas aptver gandrīz visu satura platumu. Sadaļu ritms: viena produkta apraksta sadaļa Tobiasa stilā ar lielajiem burtiem, kam seko 2x2 režģis (darbvirsmā) ar produktu apraksta kartītēm. Kartītēm tiek izmantotas 1 pikseļa #9d9d9d apmales un 24 pikseļu iecirtumi starp tām. Dāsna vertikāla elpošana — sadaļas ir atdalītas ar 48–128 pikseļu ogles krāsas negatīvu atstarpi, nevis atdalītājiem. Navigācija ir viens, caurspīdīgs panelis, kas noenkurots augšpusē, ar slēptu saišu kopu un vienu Ember aicinājumu uz darbību. Nav sānu joslas, nav mega izvēlnes, nav sekundārās navigācijas.
Attēli ir paredzēti tikai produkta demonstrācijai — Altar I tastatūras makro tuvplāna uzņēmums uz pilnīgi melna fona ar fona apgaismojumu no augšas, kas liek korpusam mirdzēt un taustiņu vāciņiem atstarot gaismu ap malām. Nav dzīvesveida, nav cilvēku roku, nav vides konteksta. Attēli ir kontrastaini un tumši; vienīgā krāsa ārpus melnbaltās paletes ir oranžais ieslēgšanas/izslēgšanas slēdzis uz pašas tastatūras, kas atspoguļo Ember Orange aicinājumu uz darbību. Attēli ir kvadrātveida jeb 16:9, vienmēr ievietoti kartītēs ar 20 pikseļu rādiusu un sniedzas ārpus kartītes malām (ap fotoattēlu nav iekšējās atstarpes, un teksts atrodas zem malas). Ikonas stils: vienīgā ikonogrāfija ir mazs aizpildīts aplis (●) pirms logotipa — viens oranžs punkts, ~6 pikseļu biezumā.
Palete
Zīmols
- Ember Orange
#f45500— Primārā darbības poga ar aizpildījumu ir vienīgā hromatiskā virsma lietotāja saskarnē, ko vienmēr pavada 30 pikseļu oranžs oreols, liekot tai mirdzēt kā kvēldiegam; primārās zvanīšanas pogas 30 pikseļu ārējais mirdzums dublē Ember Orange sešstūra simbolu, bet pastāv kā ēna, nevis aizpildījums, liekot pogai izskatīties apgaismotai no iekšpuses.
Neitrāls
- Studio Charcoal
#202020— Audekla un kartona virsmas ir kā tumšas galerijas grīda, nekad pilnīgi melna, lai acs varētu atpūsties uz maigajām malām. - Bone White
#ffffff— Galvenais teksts, plānas attēlu apmales un reta apgriezta virsma. Visa fontu hierarhija tiek uzturēta neatkarīgi. - Ash Gray
#9d9d9d— Klusināts teksts, smalkas karšu apmales un neaktīvi paraksti ir vienīgā vidēji pelēkā krāsa krāsu shēmā, ko izmanto, ja baltā krāsa ir pārāk spilgta. - Mid Felt
#eaeaea— Viegls virsmas mazgājums apgrieztiem paneļiem vai modālajiem režģiem — balta nokrāsa, kas atrodas starp bēšu un tumšu audeklu. - Carbon
#000000— Visspilgtākais akcents ir ikonu triepieniem un kontrastējošiem rāmjiem, kur ogles audeklis ir pārāk viegls, lai labi noturētu formu. - Lavender Link
#9e9eff— Iegultās saites krāsa un papildu darbības rāmja kontūra ir klusināts, vēss kontrasts ar silti oranžo krāsu, nodrošinot, ka darbības ir salasāmas uz tumši pelēka fona.
Tipogrāfija
no 16 līdz 86 pikseļiem · 8 soļi
- GT-Flexa — nomaiņa: Inter (200/400) or Manrope (200/400) · kontūras 200, 400 · Galvenais fonts virsrakstiem un dekoratīvajiem elementiem. 200 punktu biezums ļauj izmantot jebkuru virsrakstu, kura izmērs pārsniedz 24 pikseļus — tas ir raksturīgs stils: ar 68 un 86 pikseļu izmēru burti, šķiet, izšķīst atmosfērā, nevis kliedz. 400 punktu biezums ir piemērots apakšvirsrakstiem un karšu parakstiem, kur tie ir tik tikko dzirdami. Rindu atstarpe lielākajos izmēros ir samazināta līdz 1,0, tāpēc dekoratīvais fonts krājas viens virs otra kā gaisa stabs.
- Tobias-light — nomaiņa: Söhne Buch or Inter Tight · kontūras 400 · Sekundārais tipogrāfijas stils sadaļu virsrakstiem un kājenes logotipam. Tas tiek izmantots vienu soli zem GT-Flexa 200, lai radītu tonālu kontrastu — Tobias stilam ir arhitektoniskāka, izteiksmīgāka sajūta, savukārt GT-Flexa ir atmosfēriskāks. Negatīvā burtu atstarpe sašaurina Tobias Light plašās proporcijas.
- Times — nomaiņa: Source Serif 4 or PT Serif · kontūras 400 · Pamatteksts un virsrakstu rindkopas ir apzināti veidotas kā pretstats ģeometriskajiem, dekoratīvajiem fontiem, izmantojot serifu rakstus. Serifi piešķir produktu aprakstiem siltumu un redakcionālu autoritāti, nepārsniedzot pamatteksta izmēru.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 4-8px |
| Pogas rādiuss | 20px |
| Kartes rādiuss | 20px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 48-128px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Electronic Materials Office stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- OFFFICE : — monolītā fontā iegrimusi noir galerija
- Bibliothèque — Melna kuba formas galerija prožektoru gaismā – vientuļa izgaismota plāksne plašā, tumšā zālē
- 21 TSI — Sārtināta tukšuma, viena silueta aina – augstās modes redakcijas sleja, kurā lietotāja saskarne izšķīst atmosfērā.
- Structured — Renesanses galerija uz plastilīnam līdzīga papīra
- CHAIBOY — Melna galerijas siena ar vienu no aizmugures apgaismotu fotogrāfiju
- Holiday 100 — Dāvanu galerija pusnaktī — serif raksta virsraksts kalpo kā prožektors, tumšs audekls kā samta siena, un katrs produkta attēls karājas kā rūpīgi atlasīts rāmis.
- Apple (España) — Muzeja galerija maigā dienasgaismā ir vienota, valdzinoša, bezsvara balta telpa, kur katru eksponātu apgaismo prožektors uz viegli tonētas sienas.
- Analogue — Melna galerijas vitrīna – preces lidinās tukšumā
- Apple (España) — Obsidian galerijas vitrīna ir tumša izstāžu zāle, kurā uz piķa melna fona mirdz viens titāna objekts.
- Studio Oker — Aptumšota galerija ar koši sarkanām detaļām — portfeļu telpa ar melnām sienām, kur šķiet, ka peld balti burti, un viena sarkana čuksts pāršķeļ klusumu.
- 099 SUPPLY — Galerijas siena, kas piepildīta ar melnbaltiem objektiem
- Retool — Silta obsidiāna darbnīca — precīzijas instrumentu virsma, ko apgaismo kvēlojošas ogles, kur viss tiek radīts.