Electronic Materials Office
Ilanga elikhanyayo kwigalari ehonjiswe ngamalahle
I-Electronic Materials Office yindawo yokusebenzela ebusuku kakhulu: i-canvas emnyama engacwebezeliyo, i-ember enye ekhanyayo yeorenji, kunye nohlobo lwefonti oluhlebezayo endaweni yokuvakalisa. I-interface iphatha isikrini ngasinye njengesitudiyo esimnyama—iifoto zekhibhodi zezona zikhanyiselo zokwenyani kuphela, kwaye i-UI iyayithobela. Izihloko, ezibekwe kwi-GT-Flexa enobunzima obungama-200, zintanta kwindawo enkulu engalunganga; ikopi yomzimba incinci ngabom kwaye ingumntu (Times). Umbala ulinganiswa: umhlophe omsulwa wohlobo, umfusa othuliweyo (#9e9eff) weekhonkco, kunye no-orenji omnye (#f45500) ubizo lokusebenza kwiphepha elikhanya ngokukhanya kwawo kwe-30px. Izinto zilingana kakuhle ngaphakathi kwerediyasi ye-20px, imida ayibonakali kangako kwi-#9d9d9d, kwaye izithunzi kuphela kwinkqubo zii-halos ezimbini ezinemibala ezijikeleze isenzo sokuqala.
I-canvas ebanzi, enemibala ye-charcoal enomxholo ophakathi, ububanzi obuphezulu (~1200px). Isikrini esiphambili siqala ngekhadi lemidiya le-20px-radius eliqulathe ividiyo yemveliso, ethatha malunga ne-80% yobubanzi be-viewport, ilandelwa kwangoko yi-headline ye-GT-Flexa 200 enemigca emininzi efikelela kububanzi bomxholo opheleleyo. I-Section rhythm: icandelo elinye lenkcazo yemveliso kwi-all-caps yesitayile sikaTobias, ilandelwa yi-2x2 grid (kwidesktop) yamakhadi enkcazo yemveliso. Amakhadi asebenzisa imida ye-1px #9d9d9d kunye ne-24px gutters phakathi kwawo. Ukuphefumla okuthe nkqo okukhulu—amacandelo ahlulwe yi-48–128px yendawo engalunganga ye-charcoal endaweni yokwahlulahlula. I-Navigation yiphaneli enye, ecacileyo enamathele phezulu, eneqela leekhonkco ezifihliweyo kunye ne-Ember call-to-action enye. Akukho sidebar, akukho mega-menu, akukho navigation yesibini.
Imifanekiso yenzelwe ukubonakalisa imveliso kuphela—umfanekiso osondeleyo wekhibhodi ye-Altar I ngokuchasene nemvelaphi emnyama ngokupheleleyo, kunye nokukhanya kwangasemva okuvela phezulu, okubangela ukuba ikhava ikhazimle kwaye ii-keycaps zibonakalise ukukhanya okujikeleze imiphetho. Akukho ndlela yokuphila, akukho zandla zomntu, akukho meko yendalo. Imifanekiso ihluke kakhulu kwaye imnyama; umbala okuphela kwawo ngaphandle kwe-monochrome palette yiswitshi yamandla eorenji kwikhibhodi ngokwayo, ephinda i-Ember Orange call-to-action. Imifanekiso iyisikwere okanye i-16:9, ihlala ibekwe kumakhadi ane-radius ye-20px kwaye idlula imiphetho yekhadi (akukho padding ejikeleze ifoto, kwaye umbhalo ungaphantsi komphetho). Isitayile se-icon: i-iconography kuphela sisangqa esincinci esizaliswe (●) phambi kwelogo—ichaphaza elinye leorenji, ubukhulu obuyi-~6px.
Iphalethi
Uphawu
- Ember Orange
#f45500— Iqhosha lesenzo eliphambili elinokugcwalisa lilodwa umphezulu we-chromatic kwi-UI, lihlala lihamba ne-halo yeorenji engama-30px, okwenza likhazimle njenge-filament; ukukhanya kwangaphandle okungama-30px kwiqhosha lefowuni eliphambili kuphinda uphawu lwe-hexagon ye-Ember Orange, kodwa lukhona njengesithunzi endaweni yokuzalisa, nto leyo eyenza iqhosha libonakale likhanyisiwe ngaphakathi.
Ukungathathi cala
- Studio Charcoal
#202020— I-canvas kunye ne-cardboard umphezulu zifana nomgangatho wegalari emnyama, azikaze zibe mnyama ngokupheleleyo, ukuze iliso likwazi ukuphumla kwimiphetho ethambileyo. - Bone White
#ffffff— Umbhalo oyintloko, imida emincinci kwimifanekiso, kunye nomphezulu ongaqhelekanga oguqulweyo. Lonke uluhlu lwefonti lugcinwa ngokwalo. - Ash Gray
#9d9d9d— Umbhalo ongacacanga, imida yekhadi engabonakaliyo, kunye neenkcazo ezingasebenziyo zezona ziphakathi kwegrey kwiskimu sombala, ezisetyenziswa xa umhlophe ukhwaza kakhulu. - Mid Felt
#eaeaea— Ukuhlamba umphezulu okukhanyayo kwiiphaneli eziguquliweyo okanye iigridi zemodyuli - umbala omhlophe ophakathi kwe-beige kunye ne-canvas emnyama. - Carbon
#000000— Eyona ndlela ibalaseleyo kukusebenzisa imifanekiso eqingqiweyo kunye neefreyimu ezichaseneyo apho i-charcoal canvas ilula kakhulu ukuba ingagcina imo yayo kakuhle. - Lavender Link
#9e9eff— Umbala wekhonkco elifakwe ngaphakathi kunye nomda wesakhelo esongezelelweyo sesenzo zihlukile kancinci, zipholile kuneorenji efudumeleyo, okuqinisekisa ukuba izenzo ziyabonakala xa zithelekiswa nomfanekiso welahle.
Ubhalo lweencwadi
ukusuka kwi-16 ukuya kwi-86px · amanyathelo asibhozo
- GT-Flexa — ukutshintshwa: Inter (200/400) or Manrope (200/400) · imida 200, 400 · Ifonti ephambili yezihloko kunye nezinto zokuhombisa. Ubunzima obuyi-200 buvumela isihloko ngasinye esingaphezulu kwe-24px—le yindlela eqhelekileyo: kwi-68px kunye ne-86px, oonobumba babonakala benyibilika emoyeni endaweni yokukhwaza. Ubunzima obuyi-400 bufanelekile kwiintloko ezincinci kunye neenkcazo zekhadi, apho zingabonakali khona. Isithuba semigca sincitshisiwe siye kwi-1.0 ngobukhulu obukhulu, ngoko ke ifonti yokuhombisa ibekwa phezu kwenye njengekholamu yomoya.
- Tobias-light — ukutshintshwa: Söhne Buch or Inter Tight · imida 400 · Uhlobo lwesibini lokubhala kwiintloko zecandelo kunye nelogo yasezantsi. Isetyenziswe inyathelo elinye ngaphantsi kweGT-Flexa 200 ukwenza umahluko wethoni—uTobias unemvakalelo yokwakha ecacileyo, ngelixa iGT-Flexa inomoya ongaphezulu. Isithuba soonobumba abangalunganga sinciphisa ulwahlulo olubanzi lweTobias Light.
- Times — ukutshintshwa: Source Serif 4 or PT Serif · imida 400 · Isicatshulwa somzimba kunye nemihlathi yesihloko ziphikisana ngabom neefonti zejometri, ezihonjisiweyo, kusetyenziswa ii-serif. Ii-serif zongeza ubushushu kunye negunya lokuhlela kwiinkcazo zemveliso ngaphandle kokugqithisa ubungakanani bombhalo womzimba.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | xinene |
| Inyathelo elisisiseko | 4-8px |
| Irediyasi yeqhosha | 20px |
| Irediyasi yekhadi | 20px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 48-128px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Electronic Materials Office ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- OFFFICE : — igalari ye-noir egqunywe ngefonti ye-monolithic
- Bibliothèque — Igalari emnyama efana netyhubhu phantsi kwezibane - ipleyiti ekhanyisiweyo yodwa kwiholo enkulu, emnyama
- 21 TSI — Ingubo ebomvu engenanto, i-silhouette enye - umhleli wefashoni ephezulu apho ujongano lomsebenzisi lunyibilika emoyeni
- Structured — Igalari yeRenaissance ephepheni elifana neplastiki
- CHAIBOY — Udonga olumnyama lwegalari olunefoto enye ekhanyisiweyo ngasemva
- Holiday 100 — Igalari yezipho ezinzulwini zobusuku—isihloko se-serif sisebenza njengokukhanya, i-canvas emnyama njengodonga lwevelvet, kwaye umfanekiso ngamnye wemveliso uxhonywe njengefreyimu ekhethwe ngononophelo.
- Apple (España) — Igalari yemyuziyam, emini epholileyo, yindawo enye emhlophe enomtsalane, engenabunzima, apho umboniso ngamnye ukhanyiswa ludonga olunombala omncinci.
- Analogue — Ibhokisi yokubonisa yegalari emnyama - iimpahla zijikeleza kwindawo engenanto
- Apple (España) — Umboniso we-Obsidian Gallery yiholo yomboniso emnyama apho into enye ye-titanium ikhazimla kwimvelaphi emnyama qhwa.
- Studio Oker — Igalari emnyama eneempawu ezibomvu—igumbi lepotfoliyo elinodonga olumnyama, apho oonobumba abamhlophe babonakala bedada khona kwaye isandi esinye esibomvu sinqumla ukuthula.
- 099 SUPPLY — Udonga lwegalari oluzele zizinto ezimnyama nezimhlophe
- Retool — Indawo yokusebenzela efudumeleyo ye-obsidian - umphezulu wezixhobo ezichanekileyo, okhanyiswe ngamalahle atshayo, apho yonke into idalwa khona