Electronic Materials Office
Ilanga elikhanyayo kugalari ehlotshiswe ngamalahle
Ihhovisi Lezinto Ze-elekthronikhi liyindawo yokusebenzela yasebusuku kakhulu: indwangu emnyama engacwebezeli, i-ember eyodwa ekhanyayo e-orange, kanye nohlobo lokubhala oluhlebayo kunokuba luveze. I-interface iphatha isikrini ngasinye njengesitudiyo esimnyama—izithombe zekhibhodi ziwukuphela komthombo wokukhanya wangempela, futhi i-UI iyayilalela. Izihloko, ezibekwe ku-GT-Flexa engu-200-weight, zintanta endaweni enkulu engemihle; ikhophi yomzimba incane ngamabomu futhi inobuntu (Times). Umbala ulinganiswa: umhlophe omsulwa wohlobo, onsomi othulile (#9e9eff) wezixhumanisi, kanye ne-orenji eyodwa (#f45500) ebiza isenzo ekhasini elikhanya ngokukhanya kwayo okungu-30px. Izingxenye zilingana kahle ngaphakathi kwerediyasi engu-20px, imingcele ayibonakali kahle ku-#9d9d9d, futhi izithunzi kuphela ohlelweni zingama-halo amabili anemibala azungeze isenzo esiyinhloko.
Ikhanvasi yamalahle egcwele ububanzi, enokuqukethwe okuphakathi nendawo, ububanzi obukhulu (~1200px). Isikrini esiyinhloko siqala ngekhadi lemidiya elingu-20px-radius eliqukethe ividiyo yomkhiqizo, elithatha cishe u-80% wobubanzi be-viewport, lilandelwe ngokushesha yisihloko se-GT-Flexa 200 esinemigqa eminingi esigoqa cishe ububanzi bokuqukethwe obugcwele. Isigqi sesigaba: isigaba sencazelo yomkhiqizo esisodwa ku-all-caps yesitayela se-Tobias, silandelwe yigridi engu-2x2 (kudeskithophu) yamakhadi encazelo yomkhiqizo. Amakhadi asebenzisa imingcele engu-1px #9d9d9d kanye nama-gutter angu-24px phakathi kwawo. Ukuphefumula okuqondile okukhulu—izigaba zihlukaniswe yisikhala esingama-48–128px se-charcoal negative esikhundleni sezihlukanisi. Ukuzulazula kuyiphaneli eyodwa, esobala eboshwe phezulu, eneqoqo lezixhumanisi ezifihliwe kanye ne-Ember eyodwa yokubiza-esenzweni. Akukho sidebar, akukho imenyu enkulu, akukho ukuzulazula kwesibili.
Izithombe zenzelwe izinjongo zokubonisa umkhiqizo kuphela—isithombe esiseduze sekhibhodi ye-Altar I ngokumelene nesizinda esimnyama ngokuphelele, esinokukhanya kwangemuva okuvela phezulu, okwenza ikesi likhazimle kanye nezinkinobho zibonise ukukhanya nxazonke kwemiphetho. Akukho ndlela yokuphila, akukho izandla zomuntu, akukho umongo wendawo ezungezile. Isithombe sinomehluko omkhulu futhi simnyama; umbala kuphela ongaphandle kwephalethi ye-monochrome yiswishi yamandla e-orenji kukhibhodi uqobo, ephinda ukubizwa kwe-Ember Orange. Izithombe ziyisikwele noma u-16:9, zihlala zibekwe kumakhadi ane-radius engu-20px futhi zidlula ngale kwemiphetho yekhadi (akukho ukugoqa okuzungeze isithombe, futhi umbhalo ungaphansi komphetho). Isitayela sesithonjana: isithonjana kuphela yindilinga encane egcwele (●) ngaphambi kwelogo—ichashazi elilodwa eli-orenji, ubukhulu obungu-~6px.
Iphalethi
Umkhiqizo
- Ember Orange
#f45500— Inkinobho yesenzo eyinhloko enokugcwalisa iyona kuphela indawo enombala oluhlaza okwesibhakabhaka ku-UI, ehlala ihambisana ne-halo ewolintshi engu-30px, okwenza ikhanye njengentambo; ukukhanya kwangaphandle okungu-30px kunkinobho yokushaya ucingo eyinhloko kuphinda uphawu lwe-hexagon lwe-Ember Orange, kodwa lukhona njengesithunzi kunokuba lugcwalise, okwenza inkinobho ibonakale ikhanyisiwe ngaphakathi.
Okungathathi hlangothi
- Studio Charcoal
#202020— Indwangu kanye nezindawo zekhadibhodi zifana nephansi legalari emnyama, azikaze zibe mnyama ngokuphelele, ukuze iso likwazi ukuphumula emaphethelweni athambile. - Bone White
#ffffff— Umbhalo oyinhloko, imingcele emincane ezithombeni, kanye nendawo engavamile eguquliwe. Uhlu lwefonti lonke lugcinwa ngokuzimela. - Ash Gray
#9d9d9d— Umbhalo othulisiwe, imingcele yamakhadi angabonakali, kanye namagama-ncazo angasebenzi yiwona kuphela umbala ompunga ophakathi nendawo, osetshenziswa lapho okumhlophe kunomsindo omkhulu. - Mid Felt
#eaeaea— Ukugeza ubuso okulula kwamaphaneli aguquliwe noma amagridi aguquguqukayo - umbala omhlophe ohlala phakathi kwe-beige ne-canvas emnyama. - Carbon
#000000— Indlela evelele kakhulu yokudweba izithonjana kanye nohlaka oluhlukile lapho i-charcoal canvas ilula kakhulu ukubamba ukuma kwayo kahle. - Lavender Link
#9e9eff— Umbala wesixhumanisi esifakiwe kanye nohlaka lohlaka olwengeziwe lwesenzo luhlukile kancane, lupholile kunowolintshi ofudumele, okuqinisekisa ukuthi izenzo zifundeka kahle ngemuva kwe-charcoal.
Ukuthayipha
kusukela ku-16 kuya ku-86px · izinyathelo ezingu-8
- GT-Flexa — esikhundleni: Inter (200/400) or Manrope (200/400) · izinhlaka 200, 400 · Ifonti eyinhloko yezihloko nezinto zokuhlobisa. Isisindo esingu-200 sivumela isihloko ngasinye esingaphezu kwama-24px—lesi isitayela esiyingqayizivele: ku-68px kanye no-86px, izinhlamvu zibonakala zincibilika emoyeni kunokuba zimemeze. Isisindo esingu-400 sifanelekela izihlokwana kanye namagama-ncazo ekhadi, lapho zingezwakali khona kalula. Isikhala semigqa sincishisiwe sibe ngu-1.0 ngobukhulu obukhulu, ngakho-ke ifonti yokuhlobisa ibekwa phezu kwenye njengekholomu yomoya.
- Tobias-light — esikhundleni: Söhne Buch or Inter Tight · izinhlaka 400 · Isitayela sesibili sokubhala izihloko zezigaba kanye nelogo yaphansi. Kusetshenziswe isinyathelo esisodwa ngaphansi kwe-GT-Flexa 200 ukudala umehluko wethoni—i-Tobias inomuzwa wokwakha nowokukhuluma, kuyilapho i-GT-Flexa inomoya omningi. Isikhala sezinhlamvu esingesihle sinciphisa izilinganiso ezibanzi ze-Tobias Light.
- Times — esikhundleni: Source Serif 4 or PT Serif · izinhlaka 400 · Umbhalo womzimba kanye nezigaba zezihloko kuyimpikiswano eqondile yamafonti ahlotshisiwe, asebenzisa ama-serif. Ama-serif engeza ukufudumala negunya lokuhlela ezincazelweni zomkhiqizo ngaphandle kokudlula usayizi wombhalo womzimba.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 4-8px |
| Irediyasi yenkinobho | 20px |
| Irediyasi yekhadi | 20px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 48-128px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Electronic Materials Office futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- OFFFICE : — igalari ye-noir egcwele ifonti ye-monolithic
- Bibliothèque — Igalari emnyama emise okwesikwele ngaphansi kwesibani - ipuleti elilodwa elikhanyisiwe ehholo elikhulu nelimnyama
- 21 TSI — Isikhala esibomvu, isithunzi esisodwa - umhleli wemfashini lapho isikhombimsebenzisi sincibilika khona emoyeni
- Structured — Igalari ye-Renaissance ephepheni elifana nepulasitiki
- CHAIBOY — Udonga lwegalari olumnyama olunesithombe esisodwa esikhanyayo ngemuva
- Holiday 100 — Igalari yezipho phakathi kwamabili—isihloko se-serif sisebenza njengokukhanya, indwangu emnyama njengodonga lwe-velvet, futhi isithombe ngasinye somkhiqizo silenga njengohlaka olukhethwe ngokucophelela.
- Apple (España) — Igalari yemyuziyamu, emini epholile, iyindawo emhlophe eyodwa, ekhangayo, engenasisindo, lapho umbukiso ngamunye ukhanyiswa ukukhanya odongeni olunombala omncane.
- Analogue — Ikesi lokubonisa igalari elimnyama - izimpahla zizulazula endaweni engenalutho
- Apple (España) — Umbukiso we-Obsidian Gallery uyihholo lombukiso elimnyama lapho into eyodwa ye-titanium ikhanya khona ngemuva okumnyama qwa.
- Studio Oker — Igalari emnyama enezimpawu ezibomvu—igumbi lephothifoliyo eligcwele izindonga ezimnyama, lapho izinhlamvu ezimhlophe zibonakala zintanta khona kanye nokuhleba okukodwa okubomvu kudlula ukuthula.
- 099 SUPPLY — Udonga lwegalari olugcwele izinto ezimnyama nezimhlophe
- Retool — Indawo yokusebenzela efudumele ye-obsidian - indawo yamathuluzi okunemba, ekhanyiswe ngamalahle avuthayo, lapho konke kudalwa khona