Column
he puke moʻohelu polū ʻeleʻele ma lalo o ka wanaʻao anuanu
Hoʻohana ke kolamu i kahi uliuli hohonu, ʻoihana ma kahi hope kokoke i keʻokeʻo: ua like ka ʻaoʻao me kahi ʻili huahana panakō paʻa mua a ʻo ka lua kahi kahua pāʻani hoʻomohala. ʻAʻole hoʻokahi ke kala o ka brand, akā he pālua i hoʻonohonoho ʻia—uliuli polū #111a4a no ke ʻano koʻikoʻi, ʻōmaʻomaʻo mint #44b48b no ka ʻikepili a me ke code—me kahi ʻalani mahana hoʻokahi (#ec652b) i mālama ʻia no nā ʻili accent kiʻekiʻe e like me ke kāleka Brex. Hoʻomalu ʻia ka typography e SuisseIntl, kahi sans serif geometric i hoʻohana ʻia ma ka pae kaumaha holoʻokoʻa mai 300 (nā loulou) a i 600 (hōʻike), e hāʻawi ana i ka ʻōnaehana i kahi ʻano hoʻoponopono i hoʻomaʻemaʻe ʻia i nele i ka hapa nui o nā ʻoihana fintech. Lana nā kāleka ma nā ʻili keʻokeʻo nui me nā aka lahilahi, papa; ʻo ka hapa nui o nā mea interface he pālahalaha, me ka hohonu e ʻike ʻia ana ma kahi e like ai ke kāleka me he mea kino (nā widgets hana, nā mockups huahana). Hōʻike ʻia ke code a me ka ʻikepili kālā ma ka monochrome, kala kai—he hōʻailona ʻike maka he panakō kēia i kūkulu ʻia e nā ʻenekinia no nā ʻenekinia.
ʻO ke ʻano o ka ʻaoʻao he laulā piha, kikowaena me nā palena ʻaoʻao ākea (64-15 kenimika ma ka pākaukau). He hoʻonohonoho māhele ʻia ka pale nui: ua hoʻonohonoho ʻia ke poʻo inoa a me nā kāhea i ka hana ma 25 kenimika, ʻoiai ua kau ʻia kahi widget hana lana ma ka ʻākau ma 55 kenimika e kūʻē i kahi hope palapala ʻāina halftone. Ma lalo o ka pale nui, hoʻololi nā ʻāpana ma waena o ke keʻokeʻo (4 kenimika) a me ka canvas māmā (5 kenimika) me nā ʻauwai kū pololei 6 kenimika. Hoʻonohonoho ʻia ka ʻike e like me kahi grid 6-kolamu hoʻokahi: noho nā poloka kikokikona i 4 kolamu (7 kenimika), noho nā kāleka kiʻi/huahana i 5-6 kolamu, me kahi offset i manaʻo ʻia mai ka grid. Hoʻohana nā ʻāpana e wehewehe ana i nā hiʻohiʻona i kahi hoʻonohonoho 2-kolamu: kikokikona ma ka hema, huahana ma ka ʻākau. Ua māhele ʻia ka ʻāpana helu hilinaʻi i kahi grid 4-kolamu ma ka laulā piha o ka ʻaoʻao. Aia nā logos o nā mea kūʻai aku ma kahi lālani kikowaena hoʻokahi me nā ʻauwai 48px. Loaʻa i ka footer kahi hoʻonohonoho ʻelua-kolamu liʻiliʻi. He paʻa ka hoʻokele ʻana, he 62px ke kiʻekiʻe, he aniani ma luna o ka pale nui me kahi kua palalulu e mae ana i keʻokeʻo i kou ʻōwili ʻana. ʻAʻohe ʻaoʻao ʻaoʻao a me ka mega-menu—he mau menus maʻalahi nā papa kuhikuhi ma ke ʻano pua.
He minimalist a hana pono ke ʻano o ke kiʻi—ʻAʻole loa e hoʻopili ʻo Column i nā kiʻi paʻi kiʻi. Ua kūkulu ʻia ka ʻōlelo ʻike ma luna o ʻekolu mau kumu: (1) nā kiʻi ʻikepili SVG, ʻo ia hoʻi kahi palapala honua halftone kiko, i hāʻawi ʻia me kahi gradient mai indigo a i ka ʻalani a i ka turquoise, e hana ana i kahi lewa o ka unahi honua ma hope o ka mea nui; (2) nā hoʻonohonoho kāleka huahana—nā widget lana e hōʻike ana i nā koena moʻokāki, nā kikoʻī hoʻoili, a me nā ʻāpana code JSON i nā kāleka keʻokeʻo me nā aka kupaianaha; (3) nā ʻike pakuhi—nā pakuhi ipukukui turquoise a i ʻole nā kiʻi pā me nā laina hoʻohui lahilahi i hoʻohana ʻia ma ka ʻāpana hilinaʻi/helu. ʻO ka palapala halftone kahi mea ʻike maka pūlima—kona mau hoʻololi gradient mai #d65620 (ʻalani) ma o ka poni, uliuli, azure, turquoise, a me ka melemele, e hana ana i kahi spectrum e hoʻohui i ka palette brand holoʻokoʻa ma kahi ʻili hoʻonaninani hoʻokahi. Loaʻa i nā ikona kahi mānoanoa outline like o 1.5–2px ma nā ʻano #232730 a i ʻole #a9acb6, me ka hoʻopiha no nā kūlana hana. ʻAʻohe kiʻi o ke ʻano o ka nohona, ʻaʻohe kiʻi 3D abstract—ua manaʻo ʻia ke kāohi ʻana e kau i ka manaʻo ma ka huahana a me ka ʻikepili.
Paleta
Lama
- Indigo Navy
#111a4a— Hoʻohana ʻia ke kala mua o ka brand no nā kāhea i hoʻopiha ʻia i ka hana, nā kūlana hoʻokele hana, ke poʻo inoa, a me ka logo. Hāʻawi ke kala polū-polū hohonu i ka pūnaewele i kahi ʻeleʻele paʻa akā momona; i hui pū ʻia me ka kikokikona keʻokeʻo, hana ia i ka pihi ʻoi loa ka paʻa ma ka pūnaewele. - Seafoam 600
#44b48b— ʻO ke kala code a me ka ʻikepili ke kala brand no nā kī JSON, nā mea hōʻike, a me nā waiwai kālā i nā ʻāpana code. Hoʻohana ʻia nō hoʻi ia no nā kiko ʻikepili i nā pakuhi a me nā ʻike ulu. - Seafoam 700
#167e6c— ʻO kahi aka ʻeleʻele o ka huʻa kai no ka outline, nā laina pakuhi, a me nā mea hoʻonani ikona i loko o ka pōʻaiapili ʻikepili. Hoʻopaʻa kēia i ka unahi huʻa kai e kūʻē i ke kua ʻeleʻele. - Seafoam 400
#94efb7— Aia i loko o ka ʻāpana code i hōʻike ʻia nā waiwai string, nā URL, a me nā kiko API i loko o nā poloka code. ʻO ke kala seafoam māmā loa e heluhelu ʻia he font monospaced me kahi ʻōmaʻomaʻo. - Deep Sea
#023247— ʻO ke ʻano hoʻonaninani a me ke kala hoʻonaninani o ka pakuhi he kala turquoise momona i hoʻohana ʻia i nā kiʻi SVG a me nā ʻike ʻikepili, me ke ana kala seafoam.
Kūlike ʻole
- Midnight Ink
#011821— ʻIli ʻeleʻele a me ke kikokikona i hōʻike ʻia - ke kua o ke kāleka huahana, kikokikona nui ʻokoʻa kiʻekiʻe. Kokoke i ka hina me kahi waihoʻoluʻu polū-ʻōmaʻomaʻo anuanu; hoʻohana ʻia ma ke ʻano he kumu no ke ʻano pouli ke pono e hoʻohuli ʻia kahi ʻāpana. - Slate Ink
#3b3e47— ʻOi aku ka mehana o ke poʻo inoa lua a me ka kikokikona nui ma mua o Midnight Ink, hoʻohana ʻia i kahi e ʻike ʻia ai ka ʻeleʻele maʻemaʻe he ʻoi aku ka ʻoʻoleʻa ma ka canvas māmā. - Steel
#7c7f88— ʻO ke kikokikona nui a me ke kikokikona loulou e noho aliʻi ʻia e kahi waihoʻoluʻu mālie (hoʻohana ʻia 245 mau manawa ma ke kikokikona nui). He waihoʻoluʻu hina-polū kūlike i ʻike ʻia he mālie, ʻaʻole loa he kiʻi i holoi ʻia. - Fog
#a9acb6— Nā kaha kiʻiona, nā palena ʻekolu, a me ke kikokikona wahi paʻa. He kala hina waena e hoʻokaʻawale ana i ke kikokikona me ka ʻole o ka hoʻokūkū me ia. - Mist
#cbcccf— Hiki ke heluhelu ʻia ke kikokikona nui—nā pūlima, nā hoʻokuʻu ʻōlelo, a me nā paʻi liʻiliʻi—ma ke kua keʻokeʻo, akā ʻaʻole i ʻike nui ʻia. - Silver Lining
#e3e4e8— Nā palena kāleka, nā palena kahua hoʻokomo, nā laina hoʻokaʻawale. Hoʻohana ʻia kēia kala hoʻonohonoho a lahilahi i kahi e pono ai ke hoʻokaʻawale ʻia ʻelua mau ʻili me ka ʻole o nā aka.
Palapala hoʻopili
mai 10 a 60px · 10 mau ʻanuʻu
- SuisseIntl — pani: Inter · nā hoʻolālā 300, 400, 500, 600 · ʻO ka hua mua - hoʻohana ʻia no nā poʻomanaʻo āpau, ke kino kikokikona, nā pihi, ka hoʻokele, nā loulou, a me ke kāleka kikokikona. Hāʻawi ka sans serif geometric kū hoʻokahi iā Column i kahi kaila hoʻoponopono kūikawā, e hoʻokaʻawale ana iā ia mai nā ʻoihana fintech ʻē aʻe e hana wale ana me Inter-only. ʻO ke kaumaha he 600 ma 52-60px no nā poʻomanaʻo, 500 no nā poʻomanaʻo liʻiliʻi, 400 no ke kino kikokikona, a me 300 no nā loulou haʻahaʻa.
- SuisseIntlMono — pani: JetBrains Mono · nā hoʻolālā 400 · He kinona monospaced e like me SuisseIntl, i hoʻohana ʻia no nā lepili loea, nā mea hōʻike API, a me ka ʻikepili i hoʻokomo ʻia i loko o nā mea UI. Mālama ia i nā ʻāpana like me SuisseIntl, no laila e kūlike pono nā kikokikona monospaced a me ka proportional i nā pōʻaiapili i hui pū ʻia.
- SFMono — pani: Fira Code · nā hoʻolālā 400 · Hōʻike ʻana i nā ʻāpana code - hōʻike ʻia ma nā laʻana JSON a me nā poloka palapala API. Hoʻohana ʻia kahi aka seafoam e hoʻokaʻawale i ke code mai ka kikokikona UI.
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 | 8px |
| Ka laulā o ke kāleka | 8px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 72px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Column 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
- dope.security — Kikowaena waena me nā kukui poni
- Leonardo — He hale hōʻikeʻike hoʻoponopono i hoʻohuli ʻia. He hale hōʻikeʻike pā ʻeleʻele kahi e hana ai nā poʻo inoa poni ma ke ʻano he mau mea hoʻonoho pā, a kau ʻia nā kiʻi i hana ʻia e AI ma kahi ʻāpana mānoanoa ma lalo.
- VEED — Paia hale hōʻikeʻike keʻokeʻo me nā pihi kukui ʻōmaʻomaʻo neon
- Craft Docs — He collage kikohoʻe no ka scrapbooking. Ua like ke ʻano me kahi scrapbook noʻonoʻo a paʻi ʻia, kahi e hui pū ai nā memo kikohoʻe i hoʻonohonoho ʻia me nā ʻano palupalu a kūlohelohe.
- Letter — He hale hōʻikeʻike pilikino e hōʻike ana i nā mea hana ʻālohilohi mai kahi mālama. He wahi hōʻikeʻike pā ʻeleʻele kahi e lana ai nā poʻo inoa serifed ma luna o nā kiʻi kālai ʻia chrome ma nā paia kala o ka hale hōʻikeʻike.
- Railway — ʻO ka Cosmic Midnight Express. He huakaʻi mālie a pīhoihoi hoʻi ma waena o ka lewa pouli a mālamalama ʻia e nā hōkū, i alakaʻi ʻia e nā hōʻailona maopopo.
- Garden Eight — He hoʻoponopono koʻikoʻi ma ka pepa kala kirīmi. ʻO ke poʻo inoa serif 215px e waiho wale ana ma luna o ka pepa mehana, i hoʻopuni ʻia e nā kiʻi kālai lana a me kahi ākea maikaʻi ʻole e hoʻomanaʻo ana i ka ea kai—ʻoi aku ka like o ka ʻaoʻao me ka uhi o kahi monograph kiʻi ma mua o kahi dashboard.
- Steep — Ka Nānā ʻana i nā Kinohi Serif ma ka Pepa Mehana
- ElevenLabs — He moʻolelo kiʻi me nā leo kirīmi mehana me nā poʻo inoa lahilahi. He puke noke kaila Bauhaus—pepa kala ʻōhua manu, ʻīnika ʻeleʻele, a me hoʻokahi leo poni a me ka ʻalani no ka hōʻikeʻike huahana.
- Awesomic — ʻUpena zinc hoʻoponopono me nā māka kiko ʻalani e hoʻomanaʻo ana i ka confetti
- Monad — puke pai loea hoʻoponopono ma ka pepa mehana
- AI for Business — Lumi hōʻike hoʻoponopono Brutalist i nā leo hina mahana