Electronic Materials Office
Chiedza chemoto chinopenya mugarari rakashongedzwa nemarasha
Hofisi yeElectronic Materials inzvimbo yekuitira basa usiku: kanivhasi nhema isina ruvara, ruvara rweorenji rumwe chete runopenya, uye typeface inonzwika zvishoma nezvishoma pane kutaura. Iyi interface inobata skrini yega yega sestudio yakasviba—mifananidzo yekhibhodi ndiyo chete sosi yechiedza chaiyo, uye UI inoteerera. Misoro yenhau, yakaiswa mu200-weight GT-Flexa, inoyerera munzvimbo yakakura isina kunaka; kopi yemuviri idiki nemaune uye ine humanism (Times). Ruvara runoyerwa: chena chaiyo yerudzi, yepepuru yakadzima (#9e9eff) yekubatanidza, uye orenji imwe chete (#f45500) inodanwa kuti iite chimwe chinhu papeji rinopenya ne30px yayo inopenya. Zvikamu zvinokwana zvakanaka mukati me20px radius, miganhu hainyatsooneki pa#9d9d9d, uye mimvuri chete musystem iyi ihalo mbiri dzine mavara dzakatenderedza chiito chekutanga.
Kanivhasi yemarasha yakazara, ine upamhi hwakati pakati, hwakanyanya upamhi (~1200px). Sikirini huru inotanga nekadhi re20px-radius media rine vhidhiyo yechigadzirwa, rinotora 80% yehupamhi hwenzvimbo yekutarisa, rinoteverwa pakarepo nemusoro weGT-Flexa 200 une mitsara yakawanda unotenderera kusvika pahupamhi hwehuwandu hwakazara. Mutsetse wechikamu: chikamu chimwe chete chetsananguro yechigadzirwa muTobias-style all-caps, chinoteverwa negridi ye2x2 (padesktop) yemakadhi etsananguro yechigadzirwa. Makadhi anoshandisa miganhu ye1px #9d9d9d uye magutter e24px pakati pawo. Kufema kwakatwasuka kwakakura—zvikamu zvinoparadzaniswa nenzvimbo isina kunaka ye48–128px yemarasha pane zvinoparadzanisa. Navigation ipaneru imwe chete, yakajeka yakasungirirwa kumusoro, ine malink akavanzwa uye imwe chete Ember call-to-action. Hapana sidebar, hapana mega-menu, hapana secondary navigation.
Mifananidzo iyi ndeyekuratidza zvigadzirwa chete—mufananidzo wepedyo wekiyibhodhi yeAltar I uchitarisa kumashure kwakasviba chose, nechiedza chekumashure chinobva kumusoro, zvichiita kuti keycap ipenye uye makiyi aratidze chiedza kumativi ose. Hapana mararamiro, hapana maoko evanhu, hapana mamiriro ezvakatipoteredza. Mifananidzo yacho yakasiyana zvikuru uye yakasviba; ruvara rwega rwuri kunze kwemonochrome palette iswitch yeorenji yemagetsi iri pakiyibhodhi pachayo, iyo inodzokorora Ember Orange call-to-action. Mifananidzo iyi ine sikweya kana 16:9, inogara ichiiswa mumakadhi ane radius ye20px uye inotambanukira kupfuura mipendero yekadhi (hapana padding yakatenderedza pikicha, uye rugwaro rwuri pasi pemupendero). Magadzirirwo eicon: iyo iconography chete idenderedzwa diki rakazadzwa (●) pamberi pechiratidzo—dot rimwe chete yeorenji, gobvu ~6px.
Palette
Rudzi
- Ember Orange
#f45500— Bhatani rekutanga rine kuzadza ndiro chete nzvimbo ine chromatic muUI, inogara ichiperekedzwa ne30px orenji halo, zvichiita kuti ipenye sefilament; kupenya kwekunze kwe30px pabhatani rekutanga rekudana kunotevedzera chiratidzo chehexagon cheEmber Orange, asi kuripo semumvuri kwete kuzadza, zvichiita kuti bhatani riite serakavhenekerwa kubva mukati.
Kwakarerekera
- Studio Charcoal
#202020— Kanivhasi nekadhibhodhi zvakaita sepasi pegalari ine rima, hazvimbofi zvakasviba zvachose, zvekuti ziso rinogona kuzorora pamipendero yakapfava. - Bone White
#ffffff— Rugwaro rukuru, miganhu mitete pamifananidzo, uye nzvimbo isingawanzoonekwi yakapindurwa. Huwandu hwemafonti hunochengetedzwa hwakazvimiririra. - Ash Gray
#9d9d9d— Mavara asina kujeka, miganhu yemakadhi akapfava, uye zvinyorwa zvisingashande ndizvo chete zviri pakati pegireyi muruvara, zvinoshandiswa kana chichena chakanyanya kurira. - Mid Felt
#eaeaea— Chishongo chekuchenesa pamusoro chakareruka chemapaneru akapinduka kana magridi emhando yepamusoro - ruvara ruchena rwuri pakati pe beige ne dark canvas. - Carbon
#000000— Chinhu chinonyanya kushamisa ndechekushongedza mifananidzo uye mafuremu akasiyana apo kanivhasi yemarasha yakareruka zvakanyanya zvekuti haikwanise kuchengetedza chimiro chayo zvakanaka. - Lavender Link
#9e9eff— Ruvara rwechinongedzo chakabatanidzwa pamwe nechimiro chefuremu yekuwedzera yezviito zvakasiyana zvishoma nezvishoma neorenji inodziya, zvichiita kuti zviito zviverengeke zvakanaka pamadziro emarasha.
Kunyora
kubva pa16 kusvika 86px · 8 matanho
- GT-Flexa — kutsiva: Inter (200/400) or Manrope (200/400) · marongero 200, 400 · Fonti huru yemisoro nezvinhu zvekushongedza. Huremu hwe200 hunobvumira musoro wega wega uri pamusoro pe24px—iyi imhando yekunyora: pa68px ne86px, mavara anoita seanonyungudika mumhepo pane kushevedzera. Huremu hwe400 hwakakodzera misoro midiki nemifananidzo yemakadhi, uko isinganzwike zvakanyanya. Kupatsanurana kwemitsara kunoderedzwa kusvika pa1.0 pahukuru hwakakura, saka fonti yekushongedza inoungana pamusoro peimwe sekoramu yemhepo.
- Tobias-light — kutsiva: Söhne Buch or Inter Tight · marongero 400 · Maitiro ekunyora echipiri emisoro yezvikamu uye logo yezasi. Anoshandiswa nhanho imwe pasi peGT-Flexa 200 kugadzira musiyano wetoni—Tobias ane chimiro chekuvaka uye chinoratidza manzwiro, nepo GT-Flexa ine denga rakanyanya. Kupatsanurana kwemavara asina kunaka kunodzikisa huwandu hwakakura hweTobias Light.
- Times — kutsiva: Source Serif 4 or PT Serif · marongero 400 · Rugwaro rwemuviri nendima dzemusoro wenyaya zvinopikisa nemaune mafonti ekushongedza, achishandisa ma serif. Ma serif anowedzera hushamwari uye simba rekunyora kutsananguro yechigadzirwa pasina kudarika saizi yerugwaro rwemuviri.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 4-8px |
| Radiyo yebhatani | 20px |
| Nharaunda yekadhi | 20px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 48-128px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Electronic Materials Office uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- OFFFICE : — gallery yeNoir yakazara nefonti ye monolithic
- Bibliothèque — Garari dema rakaita secube riri pasi pechiedza - ndiro imwe chete yakavhenekerwa muhoro hombe, ine rima
- 21 TSI — Chisimbiso chine ruvara rutsvuku, chimiro chimwe chete - chinyorwa chefashoni yepamusoro apo chiratidziro chemushandisi chinonyungudika mumhepo
- Structured — Garari reRenaissance papepa rakaita sepurasitiki
- CHAIBOY — Rusvingo rutema rwegalari rune mufananidzo mumwe chete une mwenje wekumashure
- Holiday 100 — Nzvimbo yezvipo pakati pehusiku—musoro wenyaya unoshanda sechiedza, kanivhasi yakasviba semadziro evelvet, uye mufananidzo wega wega wechigadzirwa wakarembera sefuremu yakasarudzwa nokungwarira.
- Apple (España) — Nzvimbo yekuchengetera mifananidzo yemiziyamu, muchiedza chezuva chakapfava, inzvimbo imwe chete, inoyevedza, isina huremu, ine chiratidziro chimwe nechimwe chakavhenekerwa nechiedza chakajeka pamadziro ane ruvara rushoma.
- Analogue — Bhokisi rekuratidzira dema regalari - zvinhu zviri kutenderera musina chinhu
- Apple (España) — Chiratidziro cheObsidian Gallery inzvimbo yekuratidzira ine rima uko chinhu chimwe chete chetitanium chinopenya pamadziro matema.
- Studio Oker — Imba yemifananidzo ine mavara matsvuku—imba ine madziro matema, uko mavara machena anoita seari kuyerera uye ruzha rutsvuku runodarika runyararo.
- 099 SUPPLY — Rusvingo rwegalari rwakazara nezvinhu zvitema nezvichena
- Retool — Nzvimbo inodziya yekushandira obsidian - nzvimbo yekushandisa maturusi akanyatsogadzirwa, inovhenekerwa nemoto unopfungaira, uko zvese zvinogadzirwa