Superlist
He wahi hana pō me nā ʻōhū koʻa—he ʻilikai ʻuala mālie kahi e hōʻike ai kahi ʻālohilohi ʻalani mahana hoʻokahi i kēlā me kēia hana
Hoʻohana ʻo Superlist i kahi ʻōlelo huahana i nā leo poni o ke aumoe: ʻuala hohonu, korala mahana ma ke ʻano he kala mua hoʻokahi, a me nā poʻo inoa sans-serif nui e hopu ana i ka lewa holoʻokoʻa. Hoʻāla ka interface i ka manaʻo o ka hana i kālele ʻia i ka pō—mālie, papa, a hilinaʻi hoʻi, me ke kala i hoʻohana wale ʻia ma ke ʻano he kaha kiko hana ma nā kāhea i ka hana, nā kūlana hana, a me nā kiko koʻikoʻi. Hoʻopaʻa ʻia nā ʻili i nā leo ʻeleʻele palupalu me kahi leo poni (#181824 → #26253b), e pale ana i ka ʻeleʻele maʻemaʻe e hōʻoia i ka hohonu e mehana ma mua o ka sterile. Hōʻike nā ʻāpana i nā ʻano poepoe nui (nā kāleka 20px, nā pihi pila), nā aka palupalu, a "hanu" ma o nā hakahaka 10-16px ʻoluʻolu ma mua o nā grids paʻa. ʻO ka leo o ke poʻo inoa nā mea āpau: ʻo ke kaumaha 600-kiko ma 70-88px me ka mamao leka paʻa o -0.02em e mālama i ka kikokikona ma ke ʻano he typographic ma mua o UI—ʻoi aku ka kokoke i ke kope hoʻoponopono ma mua o SaaS.
Hoʻopuni nā ʻāpana ʻeleʻele i ka laulā holoʻokoʻa o ka ʻaoʻao, me nā pahu ʻike i waenakonu, ka laulā nui loa. Aia ka ʻāpana nui i waenakonu a loaʻa iā ia kahi poʻo inoa, subtext, a me ke kāhea i ka hana (CTA), a ukali ʻia e kahi kiʻi huahana nui e uhi ana i ka ʻāpana aʻe. Hoʻololi nā ʻāpana ma hope ma waena o nā poloka kikokikona i waenakonu a me nā grids kāleka. Hoʻohana ka ʻāpana loiloi i kahi grid ʻekolu kolamu me nā kāleka loiloi a me 16 mau ʻauwaha. ʻO ka hoʻokele ʻana he pā luna hoʻokahi me kahi logo ma ka hema, nā loulou i waenakonu, a me nā hana komo ma ka ʻākau—ʻaʻohe ʻaoʻao paʻa a i ʻole mega-menu. He nui nā ʻauwaha ma waena o nā ʻāpana (16 mau ʻauwaha), e hana ana i kahi mele hoʻoponopono ākea ma mua o kahi grid huahana paʻa.
Ua hoʻomalu ʻia ka wahi ʻike maka e nā kiʻi paʻi kiʻi huahana—he kiʻi nui me nā kihi poepoe, e hōʻike ana i ka interface app maoli, e hoʻopiha ana i nā ʻāpana nui a me nā ʻāpana lua. He liʻiliʻi nā kiʻi, hoʻohana wale ʻia ma ke ʻano he avatar mea hoʻohana a i ʻole nā mua o nā pāpaho in-app (no ka laʻana, ke kiʻi ʻaha mele ma ka panela ʻākau o ka mockup huahana). ʻO nā logos ma ka pā hilinaʻi he mau hōʻailona kikokikona keʻokeʻo pālahalaha. ʻAʻohe kiʻi hoʻonaninani, ʻaʻohe kiʻi abstract, ʻaʻohe renders 3D. ʻO ke ʻano hana ʻike maka, ʻo ia ke hōʻike i ka huahana ma ka unahi, e ʻae i ka typography e hana i ka hana naʻau, a hoʻohana i ka coral ma ke ʻano he kala accent wale nō.
Paleta
Lama
- Coral Ember
#ff4a36— Hoʻohana ʻia ka ʻalani ma ke ʻano he kala lua no nā kikoʻī hoʻonaninani a e hōʻike i nā kuhi pinepine ʻole. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he kala mua no nā kāhea i ka hana.
Kūlike ʻole
- Aubergine Canvas
#181824— ʻO ke kua o ka ʻaoʻao, ka canvas nui, he aka mehana a ʻeleʻele hoʻi e pani ana i ka ʻeleʻele maʻemaʻe, e hoʻolilo ana i ka ʻaoʻao mea hoʻohana i ʻike ʻia he papa ma mua o ka pālahalaha. - Elevated Plum
#26253b— ʻO nā ʻili kāleka, nā kahua hoʻokomo, nā pahu hoʻokele—hoʻokahi hana maʻalahi ma mua o ka canvas e hana i ka hohonu me ka ʻole o kahi palena ʻike ʻia. - Pure White
#ffffff— Nā poʻomanaʻo nui, kikokikona pihi, a me nā kiʻikuhi ikona—ʻokoʻa loa ma kahi canvas ʻeleʻele. - Fog Text
#696f81— ʻO ke kikokikona nui, nā poʻomanaʻo lua, a me nā palena mālie e hōʻike ana i ka lakio ʻokoʻa 7:1 no ka heluhelu ʻoluʻolu e kūʻē i kahi kua kala ʻulaʻula. - Ash Text
#8e8da0— Kākoʻo ʻia kahi waihoʻoluʻu kūlike ʻole no nā mea UI lua, nā mea hoʻokaʻawale, a me nā lepili i hoʻomālielie ʻia. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he waihoʻoluʻu mua no nā kāhea i ka hana. - Mist Highlight
#a3a3a7— ʻO nā palena maalea, nā mea hoʻokaʻawale, a me nā mea hoʻokele hana ʻole e hana i kahi leo kūlike ʻole e kū mau ana i waho o ka canvas.
Palapala hoʻopili
mai 12 a i 88px · 9 mau ʻanuʻu
- sans-serif — pani: Inter · nā hoʻolālā 400 · sans-serif - loaʻa i ka ʻikepili i unuhi ʻia akā ʻaʻole i wehewehe ʻia e ka AI.
- Haffer XH SemiBold — pani: Inter Tight · nā hoʻolālā 400, 600 · ʻO ke kinona mua no ka hōʻike a me nā poʻomanaʻo. Hoʻohana ʻia ia ma ka nui o 70-88px no nā poʻomanaʻo koa me kahi mamao leka o -0.02em a me ke kaumaha o 600. ʻO ka mamao leka haiki a me ke kiʻekiʻe leka nui e hāʻawi i nā poʻomanaʻo i kahi kaumaha hoʻoponopono, e hoʻolilo ana i ka interface ʻeleʻele e like me ka uhi makasina ma mua o kahi dashboard. E pani me Inter Tight a i ʻole General Sans i kahi kaumaha wiwo ʻole.
- Jersey 10 — pani: Anybody · nā hoʻolālā 400 · He kinona nui a hoʻonaninani no nā helu a me nā mea koʻikoʻi. Hoʻohana iki ʻia ma nā nui nui loa e hana i nā mea hoʻonaninani typographic. Hiki ke pani ʻia me Anybody a i ʻole Cabinet Grotesk.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | awelika |
| Kaʻanuʻu kumu | 10-16px |
| Ka radius o ke pihi | 100px |
| Ka laulā o ke kāleka | 20px |
| Nā aka | nā aka palupalu |
| Ma waena o nā ʻāpana | 80px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Superlist 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
- DNA — Ka Hale Kilokilo o ka Waena Poʻeleʻele e like me ka ʻike ʻia ma o kahi aniani ʻāpana
- Abetterlou — Nā ʻĀlohilohi ma ka ʻIli Noho Lio - he kinona mehana momona e ʻālohilohi ana i kahi kua ʻeleʻele kofe hohonu, me nā pihi gula ʻālohilohi e like me ka metala wela i kaomi ʻia i loko o ka ʻaoʻao.
- Galileo-ft — He papa kauoha ākea hohonu me nā hōʻailona polū uila
- Decide AI — Hale Kiʻiʻike i ke aumoe - hōʻailona mint
- Redis Agency — ʻO ka hale hana hoʻoponopono, i wehe ʻia ma hope o nā hola hana, he wahi ʻeleʻele loa ia kahi e hana ʻia ai nā hana hoʻolaha āpau me nā kinona serif a me kahi radish ʻulaʻula hoʻokahi.
- Spellbook — He lumi hoʻokolokolo o ke aumoe i hoʻomālamalama ʻia me ka ʻīnika korala—he ʻili hoʻoponopono ʻeleʻele kahi wale nō ke kani ʻo ka hahau peni ʻalani mehana
- Linear — mea hana pololei o ke aumoe
- Origin Financial — He hale hōʻikeʻike o ke aumoe o ka waiwai mālie. He lumi mālie, kokoke i ka pōʻeleʻele kahi e hana ai nā kinona serif nui a me kekahi mau panela kala i hoʻomālamalama ʻia i ka manaʻo he hana noʻeau i mālama pono ʻia ke kālā.
- Hyperstudio — Ua kahakaha ʻia ke ʻano i loko o ka obsidian. Hoʻopuni nā kikokikona a me nā laina lahilahi i kahi ākea keʻokeʻo o ka ʻeleʻele maʻemaʻe, me nā māka panana gula i kekahi manawa e hōʻike ana i ke ala.
- Air — kiʻi kālai ʻia "Midnight Sky Through Glass"
- Raycast — Ke Kikowaena Kauoha o ka Waena Po, Coral Neon
- dope.security — Kikowaena waena me nā kukui poni