Electronic Materials Office
Hõõguv sütt söega kaunistatud galeriis
Elektrooniliste materjalide büroo on hilisõhtune töötuba: matt must lõuend, üksainus oranž hõõguv tuli ja kirjatüüp, mis pigem sosistab kui deklareerib. Liides käsitleb iga ekraani nagu pimendatud stuudiot – klaviatuuri fotod on ainsad tegelikud valgusallikad ja kasutajaliides kuuletub sellele. 200-kaalulisesse GT-Flexasse seatud pealkirjad hõljuvad tohutus negatiivruumis; sisutekst on tahtlikult väike ja inimlik (Times). Värvi mõõdetakse: puhas valge kirja jaoks, summutatud lilla (#9e9eff) linkide jaoks ja üks oranž (#f45500) üleskutse tegevusele lehel, mis helendab oma 30-pikslise kumaga. Komponendid mahuvad tihedalt 20-pikslisse raadiusesse, äärised on vaevumärgatavad #9d9d9d juures ja ainsad varjud süsteemis on kaks värvilist halo peamise toimingu ümber.
Täislaiuses söepruun lõuend tsentreeritud maksimaalse laiusega sisuga (~1200 pikslit). Põhiekraan algab 20 piksli raadiusega meediakaardiga, mis sisaldab tootevideot ja hõlmab umbes 80% vaatevälja laiusest, millele järgneb kohe mitmerealine GT-Flexa 200 pealkiri, mis katab peaaegu kogu sisu laiuse. Sektsiooni rütm: üks tootekirjelduse sektsioon Tobiase stiilis suurtähtedega, millele järgneb 2x2 ruudustik (töölaual) tootekirjelduse kaartidega. Kaartidel on 1 piksli suurused #9d9d9d äärised ja 24 piksli suurused vihmaveerennid nende vahel. Helde vertikaalne hingamine – sektsioonid on eraldatud 48–128 piksli suuruse söepruuni negatiivse ruumiga, mitte eraldajatega. Navigeerimine on üks läbipaistev paneel, mis on ankurdatud ülaosas, peidetud linkide klastri ja ühe Emberi üleskutse tegevusele. Puudub külgriba, megamenüü ega teisese navigeerimise paneel.
Pildid on ainult toote demonstreerimise eesmärgil – lähivõte Altar I klaviatuurist täiesti mustal taustal, ülalt tuleva taustvalgustusega, mis paneb korpuse helendama ja klahvikatete servadest valgust peegeldama. Ei mingit elustiili, inimkäsi ega keskkonnakonteksti. Kujutised on kontrastsed ja tumedad; ainus värv väljaspool monokroomset paletti on klaviatuuril endal olev oranž toitelüliti, mis kajastab Ember Orange'i üleskutset tegevusele. Pildid on ruudukujulised ehk 16:9, paigutatud alati 20 piksli raadiusega kaartidele ja ulatuvad kaardi servadest kaugemale (foto ümber puudub täitmine ja tekst on serva all). Ikooni stiil: ainus ikonograafia on väike täidetud ring (●) logo ees – üks oranž punkt, ~6 pikslit paksune.
Palett
Bränd
- Ember Orange
#f45500— Täitega peamine toimingunupp on kasutajaliidese ainus kromaatiline pind, millega kaasneb alati 30-piksline oranž halo, mis paneb selle hõõgniidi moodi helendama; peamise kõnenupu 30-piksline välimine kuma dubleerib Ember Orange'i kuusnurga sümbolit, kuid eksisteerib pigem varju kui täitena, mistõttu nupp näib seestpoolt valgustatud olevat.
Neutraalne
- Studio Charcoal
#202020— Lõuendi ja papi pinnad on nagu pimeda galerii põrand, mitte kunagi täiesti mustad, et silm saaks pehmetel servadel peatuda. - Bone White
#ffffff— Põhitekst, õhukesed äärised piltidel ja haruldane ümberpööratud pind. Kogu fondihierarhiat hoitakse eraldi. - Ash Gray
#9d9d9d— Summutatud tekst, peened kaardiäärised ja mitteaktiivsed pealkirjad on värviskeemis ainsad keskmise halli toonid, mida kasutatakse siis, kui valge on liiga vali. - Mid Felt
#eaeaea— Kerge pinnapesu ümberpööratud paneelide või modaalvõrkude jaoks – valge toon, mis asetseb beeži ja tumeda lõuendi vahel. - Carbon
#000000— Kõige silmatorkavam aktsent on ikoonijoontel ja kontrastsetel raamidel, kus söelõuend on liiga kerge, et oma kuju hästi hoida. - Lavender Link
#9e9eff— Manustatud lingi värv ja täiendava toiminguraami kontuur on summutatud jahedas kontrastis sooja oranžiga, tagades, et toimingud on söerohelisel taustal loetavad.
Tüpograafia
16-st 86 pikslini · 8 sammu
- GT-Flexa — asendamine: Inter (200/400) or Manrope (200/400) · kontuurid 200, 400 · Pealkirjade ja dekoratiivelementide peamine font. 200-ne font lubab kõiki pealkirju, mis on suuremad kui 24 pikslit – see on iseloomulik stiil: 68 ja 86 piksli juures tunduvad tähed atmosfääris lahustuvat, mitte ei karju. 400-ne font sobib alapealkirjade ja kaardipealkirjade jaoks, kus need on vaevu kuuldavad. Reavahe on suurimate suuruste puhul vähendatud 1,0-ni, nii et dekoratiivne font kuhjub üksteise peale nagu õhusammas.
- Tobias-light — asendamine: Söhne Buch or Inter Tight · kontuurid 400 · Teisene tüpograafiastiil jaotiste pealkirjade ja jaluse logo jaoks. Seda kasutatakse GT-Flexa 200-st ühe sammu võrra allpool, et luua toonikontrast – Tobiasil on arhitektuursem ja ekspressiivsem tunne, samas kui GT-Flexa on atmosfäärilisem. Negatiivne tähevahe kitsendab Tobiasi Lighti laiu proportsioone.
- Times — asendamine: Source Serif 4 or PT Serif · kontuurid 400 · Põhitekst ja pealkirjalõigud on tahtlik vastukaaluks geomeetrilistele, dekoratiivsetele fontidele, kasutades seriife. Seriifid lisavad tootekirjeldustele soojust ja toimetuslikku autoriteeti, ületamata seejuures põhiteksti pikkust.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 4-8px |
| Nupu raadius | 20px |
| Kaardi raadius | 20px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 48-128px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Electronic Materials Office stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- OFFFICE : — monoliitsesse fonti mattunud noir-galerii
- Bibliothèque — Must kuubikujuline galerii prožektorivalguses – üksildane valgustatud plaat avaras, pimedas saalis
- 21 TSI — Karmiinpunane tühjus, üksainus siluett – kõrgmoe toimetuse artikkel, kus kasutajaliides lahustub atmosfääriga
- Structured — Renessansigalerii plastiliinilaadsel paberil
- CHAIBOY — Must galeriisein ühe taustvalgustusega fotoga
- Holiday 100 — Kingituste galerii südaööl – serif-kirjas pealkiri toimib prožektorina, tume lõuend sametseinana ja iga tootepilt ripub nagu hoolikalt valitud raam.
- Apple (España) — Muuseumigalerii on pehmes päevavalguses ühtne, kütkestav, kaalutu valge ruum, kus iga eksponaati valgustab kergelt toonitud seina taustal olev prožektor.
- Analogue — Must galeriivitriin – kaubad hõljuvad tühjuses
- Apple (España) — Obsidiaanigalerii vitriin on tume näitusesaal, kus üksik titaanist objekt helendab kottpimedal taustal.
- Studio Oker — Pime galerii helepunaste aktsentidega – mustade seintega ääristatud portfoolioruum, kus valged tähed justkui hõljuvad ja üksainus punane sosin läbi vaikuse lõikab.
- 099 SUPPLY — Mustvalgete objektidega täidetud galeriisein
- Retool — Soe obsidiaanist töökoda – täppisriistade pind, mida valgustavad hõõguvad söed ja kus kõik luuakse.