Ui
hoʻolālā lapaʻau ma ka pepa matte
He hale hana ʻo shadcn/ui no ka hoʻokumu ʻana i kahi ʻōnaehana hoʻolālā monochrome: kahi canvas keʻokeʻo maʻemaʻe, nā ʻili hina palupalu mehana, a me nā kāleka radius nui i kau ʻia ma nā palena maalea loa. ʻAneʻane achromatic loa ka interface—kikokikona ʻeleʻele, nā ʻili keʻokeʻo, nā leo lua hina—me kahi kala ʻulaʻula hoʻokahi, hoʻopilikia i mālama ʻia no nā kūlana hewa a ʻaʻohe mea ʻē aʻe. Hilinaʻi ka typography i ka neutrality geometric o Geist me ke kiʻekiʻe leka paʻa ma nā pale, e hana ana i kahi manaʻo mālie, e like me ke code e like me ke kahua hoʻomohala ma mua o kahi huahana mea kūʻai.
Nā kiʻi liʻiliʻi—ʻaneʻane piha ka ʻōnaehana i ka ʻaoʻao mea hoʻohana. ʻAʻohe kiʻi koʻikoʻi, nā kiʻi, a i ʻole nā kiʻi hoʻonaninani. Hōʻike ʻia nā hōʻike huahana ma ke ʻano he mau hoʻohālike ʻāpana (kāleka, nā kahua hoʻokomo, nā pihi) i loko o kahi grid, e lawelawe ana ma ke ʻano he palapala a me ka ʻike maka. He mau laina geometric lahilahi nā ikona (manaʻo ʻia ua lawe ʻia mai Lucide) he 1.5–2px ka mānoanoa ma #0a0a0a a i ʻole #737373, i hoʻohana iki ʻia ma ke ʻano he mau hōʻailona hana. ʻO ka ʻōlelo maka nā ʻāpana UI ponoʻī—hana ka ʻaoʻao ma ke ʻano he alakaʻi kaila ola, kahi e ʻike ʻia ai kēlā me kēia mea i ʻike ʻia he mea hoʻolālā ʻike ʻia.
Paleta
Kūlike ʻole
- Canvas
#f5f5f5— Ka hope o ka ʻaoʻao, ka hoʻopiha ʻana o ka ʻili i hāmau ʻia, nā pihi hou aʻe. - Paper
#ffffff— Nā ʻili kāleka, nā kua pop-up, nā hoʻopiha pihi mua - Surface Alt
#fafafa— ʻO ke kua o ka ʻaoʻao ʻaoʻao, koho kāleka hūnā ʻole, kūlana hana ʻole o ke kahua hoʻokomo. - Ink
#0a0a0a— Kikokikona nui, nā poʻomanaʻo, nā lepili pihi, nā hoʻolālā ikona. - Ink Soft
#171717— Nā kiʻi pihi hope me ka hoʻopiha, nā kikokikona hou ma nā ʻili māmā. - Mid Gray
#737373— Ua hoʻomālielie ʻia ke kikokikona nui, ke kikokikona placeholder, nā lepili kōkua, a me ka hoʻopiha ikona i ka wā e hoʻomaha ai.
Palapala hoʻopili
mai 12 a 48px · 8 mau ʻanuʻu
- Geist — pani: Inter · nā hoʻolālā 400, 500, 600 · ʻO ke kikokikona hoʻopili āpau—kikokikona kino me ke kaumaha laina o 14px/400, nā poʻomanaʻo me ke kaumaha laina o 24–48px/600, a me nā pihi me ke kaumaha laina o 13–14px/500. Hoʻokumu nā ʻano leka geometric a Geist a me ke kaumaha laina like i kahi manaʻo kūlike ʻole no nā mea hana hoʻomohala; ʻo ke kaumaha laina 600 me ka mamao leka 48px a me ka mamao leka -0.05em e hōʻoiaʻiʻo ana i nā poʻomanaʻo maopopo a hilinaʻi hoʻi e nānā noʻonoʻo ma mua o ka hoʻoponopono ʻia.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | mānoanoa |
| Kaʻanuʻu kumu | 8px |
| Ka radius o ke pihi | 18px |
| Ka laulā o ke kāleka | 24px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 48-80px |
| Ka laulā o ka ʻaoʻao | 1280px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Ui 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
- Ventriloc — He hale nānā hoʻoponopono o ka ʻikepili ma ka pepa mahana - hoʻokahi ʻōpuʻu ʻalani e hōʻike ana i ka pololei monochrome
- Geniestudio — He puke liʻiliʻi palupalu no ke ao—ʻo ke ʻano me nā palena ākea a me hoʻokahi kaha peni mānoanoa
- xAI — Keʻena Hoʻokolohua Kirīmi Mahana me ka Pila ʻEleʻele
- Cal — ʻO ka pono monochrome, kahi ʻano kanaka. He ʻōnaehana e hoʻokau mua ana i ka maopopo a me ka hana ma o kahi palette ʻeleʻele a keʻokeʻo paʻa, akā hoʻomālielie iā ia me ka typography aloha a me nā kinona poepoe.
- Scale — He keʻena hoʻokolohua kiʻi kiʻekiʻe e like me ka hale hōʻikeʻike i hui pū ʻia me kahi papahana loea
- Contractbook — nā ʻaelike o ka pepa kirīmi ma lalo o ka lani ultramarine
- AutoSend — He keʻena hana pōhaku ʻoluʻolu me kahi kukui poni hoʻokahi—kahi e noho pū ai nā poʻo inoa serif a me nā kāhea indigo ʻālohilohi i ka hana ma kahi mālie, kokoke i ke keʻokeʻo.
- Air — kiʻi kālai ʻia "Midnight Sky Through Glass"
- SpatialChat — pulse poni ma ka pepa keʻokeʻo
- Squarespace — Hale Hōʻikeʻike Monochrome Kiʻiʻoniʻoni
- Giga — Ka ʻaoʻao waena o ke aumoe ma luna o ka obsidian hau
- Supabase — He mea hoʻoponopono code i ke aumoe me kahi kiko ʻōmaʻomaʻo phosphorescent—hoʻokahi pulse chromatic ma luna o ke kai o ka lepo lanahu