Ciridae
He lumi hakahaka me ke kani ʻana o nā lānahu e ʻā ana - he hale pule ʻeleʻele loa kahi o ke kani mahana wale nō he laina lahilahi o ka popo, a ua wehewehe ʻia kēlā me kēia ʻili e nā laina maikaʻi ma mua o ke aka.
Hana ʻo Ciridae i loko o kahi hakahaka: kahi canvas #0b0b0b, nā mana hoʻomalu pila me nā laina i ʻike ʻole ʻia, a me ke ʻano typography i hoʻopaʻa ʻia i loko o nā hua nui o Pragmatica Cond ma ke kaumaha 400—ʻaʻohe wiwo ʻole, ʻaʻohe hihia i hui pū ʻia, ʻaʻohe mea hoʻonaninani. ʻO ka memo chromatic wale nō ʻo #cc6437, kahi aka ʻūlū mahana a puhi i hoʻohana ʻia ma ke ʻano he mau hahau lahilahi loa a me nā māka kiko liʻiliʻi, ʻaʻole loa ma ke ʻano he hoʻopiha. Lana nā palapala ʻāina ma ka #272a2a me ka radius 10px a ʻaʻohe aka; pale ka ʻōnaehana i ke kiʻekiʻe, e wehewehe ana i nā ʻili ma o ka ʻokoʻa leo a me nā palena 1px maikaʻi loa. Ua palalulu nui nā kiʻi a ua waiho ʻia ma hope o ke kikokikona ma ke ʻano piha o ka pale, no laila ʻoi aku ka lewa o ke kiʻi ʻike ma mua o ka hoʻohālike.
ʻO ka hoʻonohonoho ʻaoʻao he laulā piha, me ka ʻike i waenakonu i loko o ka laulā kiʻekiʻe o ~1400px. ʻO ka meʻe he haku mele ʻeleʻele, laulā piha me kahi logo hōkū i waenakonu i hoʻopuni ʻia e nā micro-labels ma nā ʻaoʻao hema a me ʻākau. Hoʻololi nā ʻāpana: meʻe ʻeleʻele → kaha māmā me nā underlays (Bone) → kikokikona hoʻololi ʻeleʻele → grid pouli o nā kāleka ʻōnaehana → footer pouli. Hoʻokumu ka ʻāpana mālamalama hoʻokahi i kahi hoʻololi leo ʻoi hoʻokahi. Hoʻohana ka grid kāleka i 4 mau kolamu, me ke kāleka mua ma kahi o ʻelua ka laulā ma mua o nā mea ʻekolu ʻē aʻe, e hana ana i kahi hoʻonohonoho asymmetrical me ka hoʻoikaika ʻana i ka ʻike. He ākea ka hakahaka ma waena o nā ʻāpana (80px+). He liʻiliʻi ka hoʻokele: kahi pā nūhou luna + hoʻokahi "Start Now" i kūlike hema a me kahi "Menu" i kūlike ʻākau ma ka pā luna. ʻAʻohe ʻaoʻao ʻaoʻao, ʻaʻohe mega-menu.
ʻO nā kiʻi lewa, e noho ana ma ka ʻili holoʻokoʻa o ka ʻaoʻao, e noho aliʻi ana ma ka pale home a me nā kāleka. Ua palalulu nui nā kiʻi (ua ʻike ʻia nā waiwai palalulu hope o 50px a me 40px) a me ke ʻano ʻokoʻa kiʻekiʻe, e hōʻike ana i ke kinikini wai me nā ʻōwili polū-ʻulaʻula, ka uahi, nā silhouette ʻeleʻele o nā ʻāina, a me nā ʻano ahi/ember. He ʻeleʻele a me ke ʻano ʻōlinolino nā kiʻi, ʻaʻole ʻōlinolino—ua like ko lākou ʻano leo me ka canvas hakahaka ma mua o ke kū ʻana i waho. ʻAʻohe kiʻi huahana, ʻaʻohe poʻe, ʻaʻohe kiʻi UI. Hoʻokumu nā kiʻi i ka lewa ma mua o ka lawelawe ʻana ma ke ʻano he ʻike hoʻohālike. Hoʻohālikelike ka grid kāleka i kēlā me kēia ʻōnaehana i kahi hiʻohiʻona lewa like ʻole, e ʻae ana i nā kiʻi e hana ma ke ʻano he mau mea hōʻike ʻike abstract ma mua o nā kiʻi huahana maoli.
Paleta
Lama
- Ember Rust
#cc6437— ʻO nā kaha hoʻokiʻekiʻe, nā laina ikona, a me nā mea hoʻomālamalama kikokikona liʻiliʻi wale nō ke kala chromatic i loko o kahi ʻōnaehana monochrome, e ʻike ʻia ana he wahi pulsating iki ʻike ʻole ʻia ma mua o kahi hoʻopiha.
Kūlike ʻole
- Void Black
#0b0b0b— Nā kiʻi hope no ka ʻaoʻao nui a me nā ʻāpana; ke kumu o ka ʻōnaehana holoʻokoʻa. - Charcoal Surface
#272a2a— ʻO nā kiʻi hope i hana ʻia me ka pepa pahu a me nā panela ma nā wahi pouli, hoʻokahi leo ka māmā ma mua o ke canvas e hana i kahi kaʻawale o nā ʻili me ke aka ʻole. - Bone
#edebe7— He kala kirīmi nā wahi mālamalama o ke kua a me ka ʻili, kahi e hoʻololi ai ka ʻōnaehana mai ka pouli a i ka mālamalama. - Bone Darker
#dfddd9— ʻO kahi aka palupalu i kapa ʻia ʻo "Bone" no nā ʻili māmā multi-layered a me nā mea o kahi kala mahana, kokoke i ke keʻokeʻo. - Pure White
#ffffff— Aia nā kikokikona nui a me nā poʻomanaʻo, nā palena pihi ʻuhane, a me nā mea hoʻokele i ke kala mua me ka lakio ʻokoʻa 19.7:1 ma kahi kua ʻeleʻele Void. - Abyss
#050505— Ua hāpai ʻia ke kua no ka ʻāpana nūhou (ka ʻāpana nūhou luna) - hoʻokahi aka ʻeleʻele ma mua o ka canvas nui e hoʻokaʻawale i ke ʻāpana.
Palapala hoʻopili
mai 11 a 32px · 5 mau ʻanuʻu
- Pragmatica Cond — pani: Oswald · nā hoʻolālā 400 · ʻO ke kinona hōʻike mua a me ka ʻaoʻao mea hoʻohana he kinona haiki a pōkole me 14px all-caps no ke kino kikokikona, 20px no nā poʻomanaʻo ʻāpana, a me 32px no ke kinona nui. ʻO kahi kinona haiki loa a me 14px all-caps no ke kino kikokikona ka hopena ʻano nui loa no ka ʻōnaehana: heluhelu ke kinona e like me ka hawanawana o kahi ʻano kikokikona hoʻolālā ma mua o ka moʻolelo maʻamau. E pani me Oswald a i ʻole Barlow Condensed inā ʻaʻole loaʻa ʻo Pragmatica Condensed.
- Pragmatica — pani: Inter · nā hoʻolālā 400 · ʻO kahi kinona lua, mua i hoʻohana ʻia no nā paukū prose lōʻihi (e.g., ʻo ka wehewehe kāleka "AI Operating System" he 24px, ʻo ka kikokikona paukū he 15px). ʻOi aku ka laulā ma mua o Pragmatica Cond no ka maʻalahi o ka heluhelu ʻana i nā poloka nui, akā naʻe ma ke kaumaha 400—ʻaʻole loa e wiwo ʻole. E pani me Inter a i ʻole Söhne.
- Roboto Mono — pani: Roboto Mono (free · nā hoʻolālā 400 · He microfont monospaced no kahi ticker nūhou ("NEWS • IUNE 15, 2026 • CRUCIBLE EARLY ACCESS NOW OPEN"). Hoʻohana ʻia ka font monospaced ma aneʻi wale nō, e hana ana i kahi ʻokoʻa hana maopopo: he ʻikepili ʻōnaehana kēia, ʻaʻole he branding.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | awelika |
| Kaʻanuʻu kumu | 16-20px |
| Ka radius o ke pihi | 1440px |
| Ka laulā o ke kāleka | 10px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 80px |
| Ka laulā o ka ʻaoʻao | 1400px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Ciridae 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
- Dala — he hōkū e lana ana ma luna o ka velvet ʻeleʻele
- Linear — mea hana pololei o ke aumoe
- Resend — ʻeleʻele velvet me ke kala neon poni
- Dovetail — He kiʻi hoʻolālā ma lalo o ka mahina ʻeleʻele—nā laina kiʻi i ʻike iki ʻia, ka hua palapala keʻokeʻo, hoʻokahi ʻālohilohi poni
- Neon — He lumi kikowaena ma hope o ka pōʻeleʻele. Pōʻeleʻele maʻemaʻe, kahi e puka mai ai ke kukui wale nō mai ka ʻikepili a me nā pilina mea hoʻohana.
- Discord — Ua hūnā ʻia ka honua pāʻani ma hope o kahi puka makani kamaʻilio pop-up - ʻo kēlā me kēia ʻāpana he wahi kūʻokoʻa me kāna kukui ponoʻī a me nā hoʻonohonoho o nā huapalapala
- Aaru — Ka Hale Kilokilo o ke Kahua Pāpili i ke Aumoe
- Atlas Card — ʻO ka Midnight Vault, me kona kukuna sapeiro hoʻokahi, he wahi ʻeleʻele loa ia kahi ʻo ka polū uila hohonu wale nō ka mea nui.
- Midjourney — He kikowaena bioluminescent i loko o ke kai hohonu. He honua kai hohonu kahi e hoʻopuka ai ka naʻauao iā ia iho i nā kahawai ASCII, a ʻike ʻia nā kaohi e like me nā hiʻohiʻona ʻālohilohi iki.
- Checkly — Ke Kikowaena Mana Misionari Hohonu Hohonu
- Krea — hale hōʻikeʻike ʻeleʻele i ke aumoe
- Wope — He ʻaoʻao poni ʻo Wope. E noʻonoʻo i kahi papa ʻaina nānā pouli me kahi kukui poni e ʻālohilohi ana mai lalo mai o ke aniani.