Electronic Materials Office
Ib lub hluav taws kub hnyiab hauv ib lub tsev khaws puav pheej uas dai kom zoo nkauj nrog cov thee
Lub Chaw Haujlwm Khoom Siv Hluav Taws Xob yog ib lub rooj cob qhia thaum hmo ntuj: ib daim ntaub dub matte, ib lub teeb ci txiv kab ntxwv, thiab ib daim ntawv uas hais lus ntsiag to es tsis yog hais lus tshaj tawm. Lub interface kho txhua lub vijtsam zoo li lub studio tsaus ntuj - cov duab ntawm cov keyboard yog tib lub teeb ci tiag tiag, thiab UI ua raws li nws. Cov ntawv xov xwm, teeb tsa hauv 200-hnyav GT-Flexa, ntab hauv qhov chaw tsis zoo loj heev; daim ntawv theej ntawm lub cev yog me me thiab tib neeg (Times). Xim raug ntsuas: dawb huv rau hom ntawv, muted ntshav (# 9e9eff) rau cov kev sib txuas, thiab ib lub txiv kab ntxwv (# f45500) hu rau kev ua haujlwm ntawm nplooj ntawv uas ci nrog nws tus kheej 30px ci. Cov khoom sib dhos nruj nreem hauv 20px radius, ciam teb tsis tshua pom ntawm # 9d9d9d, thiab tsuas yog cov duab ntxoov ntxoo hauv lub kaw lus yog ob lub halos xim nyob ib puag ncig qhov kev ua haujlwm tseem ceeb.
Ib daim ntaub canvas uas muaj qhov dav tag nrho, xim av uas muaj cov ntsiab lus dav tshaj plaws (~1200px). Lub vijtsam tseem ceeb pib nrog daim npav xov xwm 20px-radius uas muaj cov yeeb yaj kiab khoom, uas siv li ntawm 80% ntawm qhov dav ntawm qhov pom, ua raws li lub npe GT-Flexa 200 uas muaj ntau kab uas qhwv mus txog qhov dav tag nrho ntawm cov ntsiab lus. Lub suab ntawm seem: ib ntu piav qhia txog khoom hauv Tobias-style all-caps, ua raws li 2x2 grid (ntawm desktop) ntawm cov npav piav qhia txog khoom. Daim npav siv 1px #9d9d9d ciam teb thiab 24px gutters ntawm lawv. Kev ua pa ntsug dav dav—cov ntu raug sib cais los ntawm 48–128px ntawm qhov chaw tsis zoo xim av es tsis yog cov khoom faib. Kev taw qhia yog ib lub vaj huam sib luag pob tshab uas nyob rau sab saum toj, nrog rau cov txuas zais thiab ib qho kev hu rau Ember. Tsis muaj sidebar, tsis muaj mega-menu, tsis muaj kev taw qhia thib ob.
Cov duab no tsuas yog siv rau kev ua qauv qhia khoom xwb—ib daim duab macro ze ntawm lub keyboard Altar I tawm tsam keeb kwm yav dhau dub kiag li, nrog lub teeb backlight los saum toj no, ua rau lub thawv ci thiab cov keycaps kom ci ntsa iab ncig ntug. Tsis muaj txoj kev ua neej, tsis muaj tes tib neeg, tsis muaj ib puag ncig. Cov duab yog qhov sib piv siab thiab tsaus ntuj; tsuas yog xim sab nraum lub monochrome palette yog lub qhov hloov hluav taws xob txiv kab ntxwv ntawm lub keyboard nws tus kheej, uas rov hais dua Ember Orange hu-rau-kev ua. Cov duab yog square lossis 16: 9, ib txwm muab tso rau hauv daim npav nrog 20px radius thiab txuas ntxiv mus dhau ntug ntawm daim npav (tsis muaj padding ncig daim duab, thiab cov ntawv nyeem nyob hauv qab ntug). Icon style: tsuas yog lub iconography yog lub voj voog me me (●) ua ntej lub logo—ib lub cim txiv kab ntxwv, ~6px tuab.
Xim av
Hom
- Ember Orange
#f45500— Lub khawm ua haujlwm tseem ceeb nrog kev sau yog tib qho chaw chromatic hauv UI, ib txwm nrog los ntawm 30px txiv kab ntxwv halo, ua rau nws ci zoo li filament; lub 30px sab nraud ci ntawm lub khawm hu thawj zaug theej lub cim Ember Txiv Kab Ntxwv hexagon, tab sis muaj nyob ua ib qho duab ntxoov ntxoo es tsis yog kev sau, ua rau lub khawm zoo li ci los ntawm sab hauv.
Nruab nrab
- Studio Charcoal
#202020— Cov ntaub canvas thiab cov ntawv cardboard zoo li hauv pem teb ntawm lub tsev khaws puav pheej tsaus ntuj, yeej tsis dub kiag li, yog li ntawd lub qhov muag thiaj li so tau rau ntawm cov npoo mos. - Bone White
#ffffff— Cov ntawv tseem ceeb, cov ciam teb nyias nyias ntawm cov duab, thiab qhov chaw uas tsis tshua muaj tig rov qab. Tag nrho cov ntawv sau tau tswj hwm ywj pheej. - Ash Gray
#9d9d9d— Cov ntawv nyeem uas tsis muaj suab, cov ciam teb ntawm daim npav me me, thiab cov lus piav qhia tsis ua haujlwm yog tib qho xim grey nruab nrab hauv cov xim, siv thaum dawb nrov dhau. - Mid Felt
#eaeaea— Ib qho ntxuav saum npoo rau cov vaj huam sib luag tig rov qab lossis cov phiaj xwm modal - ib qho ntxoov ntxoo dawb uas nyob nruab nrab ntawm cov ntaub canvas beige thiab tsaus nti. - Carbon
#000000— Qhov tshwj xeeb tshaj plaws yog rau cov duab kos thiab cov thav duab sib txawv qhov twg cov ntaub canvas charcoal sib dua los tuav nws cov duab zoo. - Lavender Link
#9e9eff— Cov xim ntawm qhov txuas uas tau muab tso rau hauv thiab cov qauv ntawm cov haujlwm ntxiv yog qhov sib txawv ntawm cov txiv kab ntxwv sov so, ua kom cov haujlwm nyeem tau zoo thaum siv cov xim av daj.
Kev sau ntawv
txij li 16 mus rau 86px · 8 kauj ruam
- GT-Flexa — hloov: Inter (200/400) or Manrope (200/400) · cov qauv qhia 200, 400 · Cov ntawv tseem ceeb rau cov ntawv sau thiab cov khoom dai kom zoo nkauj. Qhov hnyav 200 tso cai rau txhua lub npe sau siab dua 24px—qhov no yog tus qauv tshwj xeeb: ntawm 68px thiab 86px, cov ntawv zoo li yaj mus rau hauv huab cua es tsis yog qw. Qhov hnyav 400 yog qhov tsim nyog rau cov ntawv sau me thiab cov lus piav qhia ntawm daim npav, qhov twg lawv tsis tshua hnov lus. Qhov sib nrug ntawm kab raug txo kom txog 1.0 ntawm qhov loj tshaj plaws, yog li cov ntawv dai kom zoo nkauj sib sau ua ke zoo li ib kem ntawm huab cua.
- Tobias-light — hloov: Söhne Buch or Inter Tight · cov qauv qhia 400 · Ib qho style typography thib ob rau cov ntu headers thiab lub logo footer. Nws siv ib kauj ruam qis dua GT-Flexa 200 los tsim kom muaj qhov sib txawv ntawm lub suab - Tobias muaj kev xav zoo nkauj dua, qhia tawm ntau dua, thaum GT-Flexa muaj huab cua ntau dua. Qhov sib nrug ntawm cov ntawv tsis zoo ua rau Tobias Light nqaim qhov dav ntawm cov ntawv.
- Times — hloov: Source Serif 4 or PT Serif · cov qauv qhia 400 · Cov ntawv sau hauv lub cev thiab cov kab lus hauv qab yog qhov sib txawv ntawm cov ntawv geometric, cov ntawv dai kom zoo nkauj, siv cov serifs. Cov serifs ntxiv qhov sov so thiab kev cai lij choj rau cov lus piav qhia txog khoom yam tsis pub dhau qhov loj ntawm cov ntawv sau hauv lub cev.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 4-8px |
| Lub vojvoog ntawm lub pob | 20px |
| Lub vojvoog ntawm daim npav | 20px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 48-128px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Electronic Materials Office thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- OFFFICE : — ib lub tsev khaws puav pheej noir uas muaj cov ntawv monolithic
- Bibliothèque — Ib lub tsev khaws puav pheej dub zoo li lub voos xwmfab nyob hauv qab lub teeb pom kev zoo - ib lub phaj uas ci ntsa iab nyob hauv ib lub tsev loj thiab tsaus ntuj
- 21 TSI — Ib qho xim liab dawb, ib daim duab silhouette - ib tsab xov xwm zam siab uas lub interface neeg siv yaj mus rau hauv huab cua
- Structured — Renaissance gallery ntawm daim ntawv zoo li plasticine
- CHAIBOY — Ib phab ntsa dub gallery nrog ib daim duab backlit
- Holiday 100 — Ib daim duab ntawm cov khoom plig thaum ib tag hmo—lub npe ntawv serif ua lub teeb pom kev zoo, daim ntaub canvas tsaus nti ua phab ntsa velvet, thiab txhua daim duab khoom dai zoo li lub thav duab uas xaiv zoo.
- Apple (España) — Lub tsev khaws puav pheej lub tsev khaws puav pheej, thaum lub hnub ci ntsa iab, yog ib qho chaw dawb uas ntxim nyiam, tsis hnyav, nrog txhua qhov khoom pov thawj ci ntsa iab los ntawm lub teeb pom kev zoo tawm tsam phab ntsa uas muaj xim me ntsis.
- Analogue — Lub thawv tso saib dub hauv chav ua yeeb yam - cov khoom muag nyob hauv qhov khoob
- Apple (España) — Lub Tsev Qhia Obsidian yog ib chav ua yeeb yam tsaus ntuj uas muaj ib yam khoom titanium ci ntsa iab tawm tsam keeb kwm yav dhau dub.
- Studio Oker — Ib chav tso duab tsaus ntuj nti uas muaj cov xim liab dawb—ib chav tso duab uas muaj phab ntsa dub, qhov twg cov ntawv dawb zoo li ntab thiab ib lub suab ntxhi liab txiav los ntawm kev ntsiag to.
- 099 SUPPLY — Ib phab ntsa gallery puv nrog cov khoom dub thiab dawb
- Retool — Ib lub chaw ua haujlwm obsidian sov - ib qho chaw rau cov cuab yeej ua haujlwm raug, ci ntsa iab los ntawm cov hluav taws kub hnyiab, qhov twg txhua yam raug tsim