Subframe
He kiʻi kiʻi ma luna o ka pepa mehana. ʻO ka pepa hoʻolālā, kahi e pena ʻia ai kēlā me kēia kaha he graphite a i ʻole ka holoi ʻana, ʻaʻole loa e pena ʻia—hoʻokō ʻia ka hohonu ma o ka mānoanoa o nā laina a me nā serif sparse.
ʻO Subframe kahi hana hoʻolālā monochrome: he canvas mahana, creamy, ʻīnika ʻeleʻele graphite, a me ka ʻole o nā leo chromatic. ʻIke ʻia ka interface holoʻokoʻa he mea hoʻokahi—pepa, penikala, a me ke aka—me hoʻokahi pā typographic wiwo ʻole: he serif i hoʻomaʻemaʻe ʻia (Instrument Serif) i hoʻonohonoho ʻia e kūʻē i kahi sans-serif ʻōnaehana (Inter), e hāʻawi ana i ke koʻikoʻi hoʻoponopono i nā poʻo inoa. He pālahalaha a hoʻopili ʻia nā ʻili ma mua o ka hoʻokiʻekiʻe ʻia; hoʻokō ʻia ka hohonu ma o nā mea hoʻokaʻawale lahilahi ma #e5e7eb a me nā mea koʻikoʻi inset ma nā mana pouli ma mua o nā aka. He nui ka density: he mele ākea ākea (48–64px o nā hakahaka ma waena o nā ʻāpana), kikowaena, nā hoʻolālā piha piha, a me kahi keʻokeʻo nui a puni ka kikokikona. ʻO ke kala wale nō ka ʻokoʻa ma waena o ke keʻokeʻo kokoke a me ka ʻeleʻele kokoke, e hana ana i ka pihi pouli i mea ʻike nui ʻia ma kēlā me kēia ʻaoʻao, a ʻo ke kaha o nā logos brand hoa i nā leo hina wale nō ka mea hoʻonaninani.
Nā hoʻonohonoho kikowaena, piha-ākea (1200px) me kahi mele kū pololei nui. ʻO ka mea nui he poloka hoʻokahi, kikowaena: kahi mana ʻeleʻele, ʻāpana ma luna, kahi poʻomanaʻo nui "Inter", kahi poʻomanaʻo laina hoʻokahi, a me ʻelua mau pihi pili (piha + translucent) - ʻaʻohe kiʻi ʻaoʻao, ʻaʻohe hoʻokaʻawale hoʻonohonoho. Ma lalo o ka mea nui he kaha logo hina hina kikowaena. Hahai kēlā me kēia ʻāpana ma hope i ke ʻano like: kahi poʻo inoa i hoʻonohonoho ʻia ma ka hema a me ka poloka poʻomanaʻo, a laila kahi kiʻi hōʻikeʻike huahana piha-ākea me 48-64px o ka hakahaka gutter ma waena o nā ʻāpana. He liʻiliʻi ka hoʻokele: kahi pā luna me nā loulou kikowaena a me nā hana i hoʻonohonoho ʻia ma ka ʻākau, ʻaʻohe ʻaoʻao ʻaoʻao, ʻaʻohe mega-menu. Heluhelu ka ʻaoʻao mai luna a lalo ma ke ʻano he moʻo o nā ʻōlelo kikowaena, i hāʻawi ʻia i kēlā me kēia wahi ākea - ʻoi aku ka like o ka hoʻonohonoho me kahi waihona hoʻoponopono ma mua o kahi ʻaoʻao huahana paʻahana.
He minimalist a hana pono ka hoʻolālā ʻike maka. Hoʻohana ka ʻōnaehana i ʻelua mau ʻano ʻike maka: (1) nā kiʻi paʻi kiʻi huahana i hoʻopili ʻia a me nā hoʻohālike UI i hoʻopaʻa ʻia i loko o nā kiʻi 24px-radius—hōʻike lākou i nā ʻāpana interface maoli (nā papa, nā pihi, nā palapala) i hōʻike ʻia ma ka palette monochrome like, e hoʻolilo ana i nā kiʻi paʻi kiʻi i hoʻohui pono ʻia i loko o ka ʻaoʻao; (2) hoʻokahi kaha o nā logo hoa grayscale e lawelawe ana ma ke ʻano he hōʻoia pilikanaka, i hōʻike ʻia me ka pālahalaha, me ke kala ʻole a i ʻole nā pahu. ʻAʻohe kiʻi nohona, nā gradients abstract, a i ʻole nā hōʻike 3D. ʻO ka mea hoʻohālike wale nō he "tile" huahana ʻeleʻele, i kau ʻia ma kahi hope hina mehana me kahi ikona brand—manaʻo ʻia he hōʻike huahana, ʻaʻole he mea hoʻonaninani. Noho nā kiʻi āpau i kahi hoʻolālā kikokikona, kahi e lawe ʻia ai ke kaumaha ʻike maka e ka kikokikona.
Paleta
Kūlike ʻole
- Page Canvas
#fafafa— ʻO ke kua o ka ʻaoʻao, ke kāleka leka ma luna o ka canvas, ke kikokikona māmā ma luna o nā ʻiliʻeleʻele - he waihoʻoluʻu keʻokeʻo mehana e pili ana i ka ʻōnaehana monochrome holoʻokoʻa. - Hairline Border
#e5e7eb— ʻO nā mea hoʻokaʻawale, nā palena kāleka, nā mōlina kiʻi, nā kaha kiʻi ikona - ke ʻano o ka kaha kiʻi i hoʻohana pinepine ʻia i loko o ka ʻōnaehana, e wehewehe ana i ka hoʻonohonoho ʻana o ka wahi. - Card Surface
#ededed— ʻO ke kua i hāpai ʻia no nā kāleka, kahi ʻili hou - aia i hoʻokahi ʻanuʻu ma luna o ka canvas, e hana ana i kahi hui me ke aka ʻole. - Divider Mid
#dadada— Nā mea hoʻokaʻawale Midtone a me nā hoʻololi ma waena o nā ʻāpana - Graphite
#242424— Hoʻopiha kūlike ʻole kiʻekiʻe no nā pihi mua ma nā ʻili māmā. - Ink Black
#171717— ʻO ke kino o ke kikokikona, nā poʻomanaʻo, nā ʻōkuʻina ikona - ʻoi aku ka maikaʻi ma mua o Graphite, hoʻohana ʻia no ka typography ma mua o nā ʻili.
Palapala hoʻopili
mai 12 a i 128px · 7 mau ʻanuʻu
- Inter — pani: Inter (Google Fonts) · nā hoʻolālā 500, 600, 700 · He ʻōnaehana sans-serif—ka hoʻokele ʻana, ke kino kikokikona, nā pihi, nā poʻomanaʻo liʻiliʻi, a me nā poʻomanaʻo ʻāpana. Kaumaha: 500 no ke kino kikokikona a me nā kaohi, 600 no nā poʻomanaʻo liʻiliʻi a me nā leo hoʻokele, a me 700 no nā poʻomanaʻo ʻāpana. Hoʻopili ka mamao leka maikaʻi ʻole i nā kinona geometric i kēlā me kēia nui, e hāʻawi ana i ka interface i kahi ʻano loea a pōkole.
- Instrument Serif — pani: Playfair Display · nā hoʻolālā 400 · He ʻano hua serif i hoʻolālā kūikawā ʻia no nā poʻo inoa a me nā ʻike hoʻoponopono. ʻO kona kaumaha 400 a me ka mamao o nā leka -0.025em e hana i kahi hiʻohiʻona nani a italicized e kūʻē ana i ke ʻano hana o Inter—he ʻano hana pūlima: hoʻokahi huaʻōlelo serif a i ʻole ka māmalaʻōlelo i loko o kahi ʻaoʻao sans-serif, e lawelawe ana ma ke ʻano he kaha kiʻi ma mua o ke ʻano poʻo inoa.
- Fragment Mono — pani: JetBrains Mono · nā hoʻolālā 400 · ʻO ka mono accent no nā mea e like me ke code inline, nā lepili tag, a me nā callouts loea. Hoʻohana iki ʻia, ʻike ʻia ia ma nā papa inoa hana a me nā annotations inline kahi e makemake ai ka mea hana hoʻolālā e hōʻike "ʻo kēia ka hopena mīkini."
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | awelika |
| Kaʻanuʻu kumu | 8px |
| Ka radius o ke pihi | 16px |
| Ka laulā o ke kāleka | 24px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 64px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Subframe 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
- monopo saigon — He ʻālohilohi wai, ʻālohilohi ma hope o ka noho mālie hoʻoponopono—he hale hōʻikeʻike hoʻoponopono monochrome e lana ana ma luna o ke kukui heheʻe
- Hyer Aviation — Napoʻo ka lā i loko o ke keʻena mokulele ma luna o ka pepa ʻili. Hālāwai ka lani wanaʻao māmā me ka logo serif nui o ka fuselage, a ua uhaʻi kahi leo lepo mahana hoʻokahi i ke kāohi monochrome.
- OFF+BRAND. — He poepoe ʻālohilohi ma luna o ka pepa mehana
- Seed — he mea ola ma lalo o ke aniani o ka hale hana
- Eindhoven Design District — ʻO ka hana hoʻomāinoino hoʻoponopono ma ka pepa keʻokeʻo he manifesto hoʻolālā kūlanakauhale, i hoʻokō ʻia ma nā hua nui, me ka liʻiliʻi o ke kiʻi a me ke kāohi piha.
- Miranda — ʻAno laulā maʻamau ma kahi kua kirīmi māmā—he hoʻoponopono nūpepa no ka au kikohoʻe
- Monocle — He nūpepa laulā kiʻekiʻe ma ka pepa kala kirīmi. He hoʻoponopono i hoʻonohonoho pono ʻia, kahi e kūpono ai kēlā me kēia kolamu i kona wahi, a hoʻokahi wale nō kala koʻikoʻi e ʻike ʻia ma ka ʻaoʻao.
- Agencja brandingowa — He hale hōʻikeʻike hoʻoponopono i nā leo keʻokeʻo me ke ʻano i hana ʻia me ka ʻīnika ʻeleʻele
- Websmith Studio — Mālamalama kakahiaka ma ka pepa kirīmi
- Aspelin Reitan — Waihona Hoʻolālā Hale na Candlelight - Ua like ka ʻaoʻao me kahi waihona o nā wahi i kūkulu ʻia, i hoʻopaʻa ʻia i kahi paia kirīmi mahana, me kahi laina hoʻokahi o ke kikokikona keʻokeʻo e lana ana ma luna o kēlā me kēia kiʻi ma ka laulā piha o ka ʻaoʻao.
- Public — He kiʻi hoʻoponopono monochrome ma ke kinikini anu—ʻaneʻane like me ka canvas monochrome, me kahi kinona serif 300-kiko a me kahi leo poni hoʻokahi e hana ana i nā hana kala āpau.
- Motto — He monolith typographic ma ka pepa - he leo hoʻokahi a hilinaʻi hoʻi e hōʻike ana iā ia iho ma ka pepa keʻokeʻo-hau