Letters
He hālāwai kakahiaka ma kahi keʻena lapaʻau ākea—he papa ʻaina keʻokeʻo maʻemaʻe ma lalo o kahi kaupaku polū palupalu, i piha i nā mea hana polū ʻokiʻoki
He mea hana kākau leka lapaʻau ʻo Letters e hoʻomaka me kahi poʻomanaʻo lani ākea—he kaha polū palupalu a lewa e hana ana i kahi lewa mālie a lapaʻau—ma mua o ka neʻe ʻana i kahi wahi hana keʻokeʻo maʻemaʻe. Ua hoʻolālā ʻia ka ʻōnaehana ma ke ʻano monochrome: kahi canvas keʻokeʻo maʻemaʻe, kikokikona kokoke i ka ʻeleʻele (#070709), nā kāhea ʻeleʻele i ke ʻano o ka pila, a me nā kāleka poepoe e lana ana ma luna o nā aka maalea loa. Hoʻokahi polū ʻālohilohi (#2597d0) i mālama ʻia no nā kaha kiko hana—nā kiʻiona, nā micrographics, nā mea pāʻani waveform—ʻaʻole i hoʻohana ʻia no nā pihi a i ʻole nā hoʻopiha nui. Hoʻohana ka typography iā Open Runde, kahi geometric humanist sans-serif me ka hoʻokaʻawale leka maikaʻi ʻole ma nā nui pale nui (-0.04em ma 80px), kahi e hoʻopili ai i nā poʻomanaʻo i loko o nā poloka hilinaʻi. Manaʻo nā ʻāpana he māmā, e like me kahi mea lapaʻau: nā bezels lahilahi, ka hoʻokaʻawale kāleka nui, nā pihi ʻano pila, a me ka hoʻohana akahele o ke kiʻekiʻe e hiki ai i ke poʻomanaʻo lani ke hana i ka hana naʻau.
ʻO kahi ʻaoʻao home gradient lani-uliuli e uhi ana i ka laulā holoʻokoʻa o ka ʻaoʻao, me kahi poʻo inoa waena a me ka subtext, a me kahi pihi kāhea-i-hana ma lalo. Hoʻololi maʻalahi ia i loko o kahi ʻāpana ʻike keʻokeʻo me ka mamao ākea ma waena o nā ʻāpana (80-120px). Hoʻohana nā ʻāpana hiʻona i kahi grid ʻelua kolamu o nā kāleka nui, poepoe (18-32px radius) o nā ʻāpana like. Hoʻonohonoho mau ʻia nā poʻo inoa ʻāpana, ma kahi kolamu hoʻokahi, ma luna o ka grid kāleka. ʻO ka hoʻokele ʻana he pā luna keʻokeʻo paʻa me kahi hui o nā loulou waena a me nā hana komo i hoʻonohonoho ʻākau ʻia. ʻO ke ʻano holoʻokoʻa he kaha nui hoʻokahi, lewa, a laila e hoʻololi ana i nā ʻāpana keʻokeʻo a me #f5f5f5 me kahi hanu kū pololei. ʻAʻohe ʻaoʻao ʻaoʻao, ʻaʻohe mega-menu, ʻaʻohe hoʻonohonoho asymmetrical—manaʻo ka ʻaoʻao e like me ke kolamu mālie a symmetrical.
ʻAneʻane kau nui ʻia ka hoʻolālā ʻike maka ma ka ʻaoʻao mea hoʻohana o ka huahana—ʻaʻohe kiʻi nohona, ʻaʻohe kiʻi 3D abstract. Kūkulu ʻia ka ʻōlelo ʻike maka a puni nā kāleka huahana e hōʻike ana i ka ʻaoʻao maoli o ka app: kahi hoʻohālikelike "Ma mua" a me "Ma hope" o nā palapala, kahi wahi hoʻouka me kahi palena kiko, a me kahi mea hoʻokani leo ma ke ʻano o kahi nalu. ʻO ka mea ʻike maka lewa wale nō ka gradient lani ma ke kiʻi nui. He pālahalaha nā kiʻiona, hoʻokahi kala #2597d0 laina (envelope, microphone, checkmark) me nā kaumaha laina like, me ka ʻole o nā ʻano like ʻole. Ua kāohi ʻia ke ʻano hoʻohālike: hōʻike ʻia nā hoʻohālike huahana ma kahi ʻaoʻao keʻokeʻo, hoʻohuli iki ʻia e hana i ka hohonu, ʻaʻole loa e hoʻokiʻekiʻe ʻia. ʻO kahi font i kākau lima ʻia (The Doctor) wale nō ka mea organik/hana lima, i hoʻohana wale ʻia e hoʻāla i ka kākau lima lapaʻau ma ke kāleka "Ma mua".
Paleta
Lama
- Surgical Blue
#2597d0— ʻO nā ikona, kahi ikona microphone, kahi mea hoʻokani nalu kani, a me nā leo hana liʻiliʻi e hana i hoʻokahi memo chromatic ma o ka interface.
Kūlike ʻole
- Obsidian
#070709— Ua koho ʻia ke kope kino, nā pihi kāhea-i-ka-hana i hoʻopiha ʻia, a me nā mea UI ʻeleʻele—kokoke i ka ʻeleʻele ma kahi o ka #000 maʻemaʻe e hoʻomālielie i ka ʻokoʻa e kūʻē i ke kua keʻokeʻo. - Paper White
#ffffff— ʻO ke kua o ka ʻaoʻao, nā ʻili kāleka, a me ke kikokikona pihi ke kumu nui no nā ʻāpana āpau ma lalo o ka mea nui. - Cloud Gray
#f5f5f5— Hoʻokaʻawale nā ʻili kāleka hou a me nā ʻaoʻao hope o ka ʻāpana i nā poloka hana mai ka canvas nui. - Sky Tint
#d7e6f5— ʻO ke aka o ka mōlina pepa a me ke kala polū i ʻike ʻole ʻia o ka ʻili e hana i kahi manaʻo o ka lewa, ma kahi o ka hina. - Charcoal
#60606c— Kikokikona mua, kikokikona lua, a me nā palena hāmau - he waihoʻoluʻu kūʻokoʻa nui no ka ʻike ʻaʻohe poʻomanaʻo. - Slate
#8b8b8b— Nā kikokikona liʻiliʻi a me nā kūlana palena i hana ʻole ʻia - hoʻohana ʻia e hōʻike i nā wahi a hōʻoia i ke komo ʻana o ka poʻe kīnā.
Palapala hoʻopili
mai 12 a i 80px · 8 mau ʻanuʻu
- sans-serif — pani: Inter · nā hoʻolālā 400, 700 · sans-serif - loaʻa i ka ʻikepili i unuhi ʻia akā ʻaʻole i wehewehe ʻia e ka AI.
- Open Runde — pani: Inter Tight · nā hoʻolālā 400, 500, 600, 700, 900 · ʻO ke kinona mua no nā poʻomanaʻo a me ka hoʻokele ʻana he kanaka geometric, me ka mamao o nā leka paʻa i nā nui nui; -0.04em ma 80px e hoʻopili i ke poʻomanaʻo i loko o hoʻokahi poloka hilinaʻi. E hoʻohana no nā poʻomanaʻo āpau, ka hoʻokele ʻana, a me nā kikokikona nui.
- Inter — pani: system-ui · nā hoʻolālā 400, 500 · ʻO ke kino lua a me ke kikokikona UI - hoʻohana ʻia no nā poʻomanaʻo liʻiliʻi, nā mea hoʻokele, a me nā loulou inline kahi e makemake ʻia ai kahi ʻano heluhelu kūlike ʻole. Hoʻohui pū me Open Runde e hana i ka ʻokoʻa hierarchical.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | mānoanoa |
| Kaʻanuʻu kumu | 12-16px |
| Ka radius o ke pihi | 100px |
| Ka laulā o ke kāleka | 18px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 80-120px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Letters 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
- Integrated Biosciences — keʻena hoʻokolohua bioluminescence i ke aumoe
- Mintlify — He māla ao ma luna o kahi papa aniani. Ua hoʻopili ʻia ka lani i kaha lima ʻia a me ka palapala kiʻiʻoniʻoni—ʻo ia wale nō kahi e hui ai ke kala a me ka manaʻo ma mua o ka mae ʻana o ka ʻaoʻao i keʻokeʻo mōneka.
- Gleap — He wahi hana i hoʻonani ʻia me nā leo kirīmi mehana me nā leo graphite—he keʻena hana kahi e lana ai nā kiko ʻīnika ʻeleʻele matte ma luna o ke ʻano olonā.
- Render — Aia ke ʻano ma luna o ka alumini palaki. Ua like ka ʻaoʻao me kahi palapala ʻenekinia geometric maʻemaʻe—kahi keʻokeʻo, nā laina lahilahi, a me kahi laina poni hoʻokahi e huki ana i ka manaʻo i ka hana.
- Grafbase — kaha kiʻi ʻenekinia ma ke kinikini anu
- Slash — ʻO ka lua o ka pō me nā puke alakaʻi gula
- Modal — ʻO kahi kikowaena phosphorescent i loko o kahi lumi kikowaena pouli - ʻo ke kumu kukui wale nō he kala ʻōmaʻomaʻo ʻālohilohi
- Whimsical — ʻĪnika plum momona ma ke kua lavender—he puke noʻeau hana noʻeau e hana pū ana ma ke ʻano he papa keʻokeʻo loea.
- AgentQL — Nā kukui ʻākau ma luna o ke kahua mokulele i ka pō
- Alveos One — He puʻuhonua ʻoluʻolu i hana ʻia me nā pōhaku muliwai - he lumi noʻonoʻo mālie a hoʻomālamalama ʻia kahi e waiho ai kahi mea graphite hoʻokahi i loko o kahi ʻālohilohi amber palupalu
- GitHub — He papa kauoha lewa me nā kiko hoʻokele bioluminescent—he wahi hana ʻeleʻele a lewa kahi e kuhikuhi ai kahi ʻālohilohi ʻōmaʻomaʻo hoʻokahi i ke ala i mua.
- Buddy — He kiʻi ʻenekinia ma ka pepa kiʻi. Ua hōʻailona ʻia ka ʻili kaha kiʻi keʻokeʻo me kahi ʻāpana maka ʻike iki ʻia, i hoʻopili ʻia me ka ʻīnika kokoke i ka ʻeleʻele, me nā māka lime-ʻōmaʻomaʻo fluorescent a me nā kaha gradient iridescent.