Electronic Materials Office
He ʻōhū e ʻā ana i loko o kahi hale hōʻikeʻike i hoʻonani ʻia me ka lanahu
He hale hana pō ka Electronic Materials Office: he canvas ʻeleʻele matte, hoʻokahi ʻālohilohi ʻalani e ʻālohilohi ana, a me kahi ʻano kikokiko e hāwanawana ana ma mua o ka haʻi ʻana. Mālama ka interface i kēlā me kēia pale e like me kahi studio pouli—ʻo nā kiʻi o ka papa keyboard wale nō ke kumu mālamalama maoli, a hoʻolohe ka UI iā ia. ʻO nā poʻomanaʻo, i hoʻonohonoho ʻia ma 200-weight GT-Flexa, e lana ana ma kahi ākea maikaʻi ʻole; he liʻiliʻi a kanaka ke kope kino (Times). Ana ʻia ke kala: keʻokeʻo maʻemaʻe no ke ʻano, poni mālie (#9e9eff) no nā loulou, a me hoʻokahi ʻalani (#f45500) kāhea i ka hana ma ka ʻaoʻao e ʻālohilohi ana me kona ʻālohilohi 30px ponoʻī. Hoʻopili pono nā ʻāpana i loko o kahi radius 20px, ʻike iki ʻia nā palena ma #9d9d9d, a ʻo nā aka wale nō i loko o ka ʻōnaehana ʻelua mau halo kala a puni ka hana mua.
He canvas lanahu piha me ka ʻike kikowaena, ka laulā nui loa (~1200px). Hoʻomaka ka pale nui me kahi kāleka media 20px-radius e loaʻa ana kahi wikiō huahana, e noho ana ma kahi o 80% o ka laulā viewport, ukali koke ʻia e kahi poʻo inoa GT-Flexa 200 multi-line e kāʻei ana i ka laulā piha o ka ʻike. ʻO ke ʻano o ka ʻāpana: kahi ʻāpana wehewehe huahana hoʻokahi ma ke ʻano Tobias all-caps, ukali ʻia e kahi grid 2x2 (ma ka pākaukau) o nā kāleka wehewehe huahana. Hoʻohana nā kāleka i nā palena 1px #9d9d9d a me nā ʻauwai 24px ma waena o lākou. Hanu kū pololei nui—ua hoʻokaʻawale ʻia nā ʻāpana e 48–128px o ka hakahaka lanahu maikaʻi ʻole ma mua o nā mea hoʻokaʻawale. ʻO ka hoʻokele he panela hoʻokahi, aniani i hoʻopaʻa ʻia ma luna, me kahi hui o nā loulou huna a me kahi kāhea-i-hana Ember hoʻokahi. ʻAʻohe ʻaoʻao ʻaoʻao, ʻaʻohe mega-menu, ʻaʻohe hoʻokele lua.
No ka hōʻikeʻike huahana wale nō nā kiʻi—he kiʻi macro kokoke o ka papa kī Altar I e kūʻē ana i kahi ʻeleʻele loa, me kahi kukui hope mai luna mai, e hoʻomālamalama ana i ka hihia a me nā kī kī e hōʻike i ka mālamalama a puni nā kihi. ʻAʻohe ʻano nohona, ʻaʻohe lima kanaka, ʻaʻohe pōʻaiapili kaiapuni. He ʻokoʻa kiʻekiʻe a ʻeleʻele ke kiʻi; ʻo ke kala wale nō ma waho o ka palette monochrome ʻo ia ke kuapo mana ʻalani ma ka papa kī ponoʻī, kahi e hōʻike ana i ke kāhea ʻana i ka hana Ember Orange. He huinahā a i ʻole 16:9 nā kiʻi, waiho mau ʻia i loko o nā kāleka me ka radius 20px a e hoʻolōʻihi ana ma mua o nā kihi o ke kāleka (ʻaʻohe padding a puni ke kiʻi, a aia ka kikokikona ma lalo o ka lihi). ʻAno ikona: ʻo ka ikona wale nō he pōʻai liʻiliʻi i piha (●) ma mua o ka logo—he kiko ʻalani hoʻokahi, ~6px ka mānoanoa.
Paleta
Lama
- Ember Orange
#f45500— ʻO ke pihi hana mua me ka hoʻopiha wale nō ka ʻili chromatic ma ka UI, e hele pū ʻia me kahi halo ʻalani 30px, e hoʻomālamalama ana e like me ke kaula; ʻo ka ʻālohilohi waho 30px ma ke pihi kāhea mua e hana like me ka hōʻailona hexagon Ember Orange, akā aia ma ke ʻano he aka ma mua o ka hoʻopiha, e hoʻomālamalama ana i ke pihi mai loko mai.
Kūlike ʻole
- Studio Charcoal
#202020— Ua like nā ʻili canvas a me ka pepa pahu me ka papahele o kahi hale hōʻikeʻike ʻeleʻele, ʻaʻole loa i ʻeleʻele loa, i hiki i ka maka ke hoʻomaha ma nā ʻaoʻao palupalu. - Bone White
#ffffff— ʻO ke kikokikona nui, nā palena lahilahi ma nā kiʻi, a me kahi ʻili i hoʻohuli ʻia. Mālama kūʻokoʻa ʻia ka papa hoʻonohonoho kinona holoʻokoʻa. - Ash Gray
#9d9d9d— ʻO ke kikokikona i hāmau ʻole ʻia, nā palena kāleka maalea, a me nā captions hana ʻole wale nō ka waena hina i ka hoʻolālā kala, i hoʻohana ʻia i ka wā e leo nui ai ke keʻokeʻo. - Mid Felt
#eaeaea— He holoi ʻili māmā no nā panela i hoʻohuli ʻia a i ʻole nā māka modal - he aka keʻokeʻo e noho ana ma waena o ka beige a me ka canvas ʻeleʻele. - Carbon
#000000— ʻO ke ʻano hoʻonaninani loa no nā kaha kiʻiona a me nā mōlina ʻokoʻa kahi i māmā loa ai ka canvas lanahu e paʻa pono i kona ʻano. - Lavender Link
#9e9eff— ʻO ke kala o ka loulou i hoʻokomo ʻia a me ka ʻaoʻao o ke kiʻikuhi hana hou he ʻokoʻa mālie a anuanu hoʻi i ka ʻalani mehana, e hōʻoiaʻiʻo ana i ka heluhelu ʻia o nā hana e kūʻē i ke kua lanahu.
Palapala hoʻopili
mai 16 a i 86px · 8 mau ʻanuʻu
- GT-Flexa — pani: Inter (200/400) or Manrope (200/400) · nā hoʻolālā 200, 400 · ʻO ke kinona mua no nā poʻomanaʻo a me nā mea hoʻonaninani. ʻAe ke kaumaha 200 no kēlā me kēia poʻomanaʻo ma luna o 24px—he ʻano hōʻailona kēia: ma 68px a me 86px, me he mea lā e hoʻoheheʻe ʻia nā leka i loko o ka lewa ma mua o ka hoʻōho ʻana. He kūpono ke kaumaha 400 no nā poʻomanaʻo liʻiliʻi a me nā poʻo inoa kāleka, kahi i aneane hiki ʻole ke lohe ʻia. Ua hoʻemi ʻia ka mamao o nā laina i 1.0 ma nā nui nui loa, no laila e hoʻomoe ana ke kinona hoʻonaninani ma luna o kekahi e like me ke kolamu o ka ea.
- Tobias-light — pani: Söhne Buch or Inter Tight · nā hoʻolālā 400 · He kaila typography lua no nā poʻo inoa ʻāpana a me ka logo footer. Hoʻohana ʻia ia i hoʻokahi ʻanuʻu ma lalo o GT-Flexa 200 e hana i kahi ʻokoʻa leo—ʻoi aku ka manaʻo o Tobias i ke ʻano hoʻolālā a me ka hōʻike ʻana, ʻoiai ʻoi aku ka lewa o GT-Flexa. Hoʻemi ka mamao o nā leka maikaʻi ʻole i nā ʻāpana ākea o Tobias Light.
- Times — pani: Source Serif 4 or PT Serif · nā hoʻolālā 400 · ʻO ke kino kikokikona a me nā paukū poʻomanaʻo he kū'ē i nā kinona geometric a hoʻonaninani, me ka hoʻohana ʻana i nā serif. Hoʻohui nā serif i ka mehana a me ka mana hoʻoponopono i nā wehewehe huahana me ka ʻole e ʻoi aku ma mua o ka nui o ke kino kikokikona.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | mānoanoa |
| Kaʻanuʻu kumu | 4-8px |
| Ka radius o ke pihi | 20px |
| Ka laulā o ke kāleka | 20px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 48-128px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Electronic Materials Office a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- OFFFICE : — kahi hale hōʻikeʻike noir i hoʻopuni ʻia i loko o ka font monolithic
- Bibliothèque — He hale hōʻikeʻike ʻeleʻele i ke ʻano o ka pahu kuʻi ma lalo o ke kukui uila - he pā hoʻomālamalama hoʻokahi i loko o kahi hale ākea a pouli
- 21 TSI — He ʻano ʻulaʻula ʻole, he silhouette hoʻokahi - kahi hoʻoponopono ʻano kiʻekiʻe kahi e hoʻoheheʻe ʻia ai ka interface mea hoʻohana i ka lewa
- Structured — Hale hōʻikeʻike Renaissance ma ka pepa e like me ka plasticine
- CHAIBOY — He paia hale hōʻikeʻike ʻeleʻele me hoʻokahi kiʻi kiʻi backlit
- Holiday 100 — He hale hōʻikeʻike o nā makana i ke aumoe—he poʻo inoa serif e lawelawe ana ma ke ʻano he kukui uila, he canvas ʻeleʻele e like me ka paia velvet, a ke kau nei kēlā me kēia kiʻi huahana e like me kahi mōlina i koho pono ʻia.
- Apple (España) — ʻO ka hale hōʻikeʻike, i ke ao mālie, he wahi keʻokeʻo hoʻokahi a maʻemaʻe hoʻi, me kēlā me kēia hōʻikeʻike i hoʻomālamalama ʻia e kahi kukui uila e kūʻē i kahi paia i hoʻoluʻu māmā ʻia.
- Analogue — Pahu hōʻikeʻike hale hōʻikeʻike ʻeleʻele - lana nā waiwai i ka ʻole
- Apple (España) — He hale hōʻikeʻike pouli ka hale hōʻikeʻike ʻo Obsidian Gallery kahi e ʻālohilohi ai kahi mea titanium hoʻokahi i kahi kua ʻeleʻele loa.
- Studio Oker — He hale hōʻikeʻike pouli me nā leo ʻulaʻula—he lumi waihona puke i hoʻopuni ʻia me nā paia ʻeleʻele, kahi e lana ai nā leka keʻokeʻo a ʻoki ʻia kahi hāwanawana ʻulaʻula i ka mālie.
- 099 SUPPLY — He pā hale hōʻikeʻike i piha i nā mea ʻeleʻele a keʻokeʻo
- Retool — He hale hana obsidian mahana - kahi ʻili no nā mea hana pololei, i hoʻomālamalama ʻia e nā ʻōhū e puhi ana, kahi i hana ʻia ai nā mea āpau