Dub
ʻO ka papa hoʻomalu pepa laiki matte a Link
Loaʻa i ka ʻōnaehana ʻike maka o Dub kahi ʻano SaaS i kāohi ʻia, kokoke i ka hoʻoponopono ʻana: kahi canvas kokoke i ke keʻokeʻo i hoʻopaʻa ʻia e nā palena lahilahi ma mua o nā mea i puka i waho, me ka typography monochrome mānoanoa e hāʻawi ana i ke kākoʻo kūkulu a me kahi kala polū ʻālohilohi hoʻokahi (#2563eb) e hana ana i kahi ʻōlelo. Noho pālahalaha a ʻaʻohe frameless nā ʻili i ka nānā mua ʻana, akā loaʻa i kēlā me kēia pahu kahi palena 1px #e5e5e5, e hoʻāla ana i ka manaʻo o kahi palapala i paʻi ʻia. Hoʻokō ʻia ke ʻano ma o kahi hoʻonohonoho liʻiliʻi o nā leo "pill" kala (ʻalani, ʻōmaʻomaʻo, poni) e lana ana ma luna o ka palette kūlike ʻole, a me nā poʻomanaʻo e manaʻo hilinaʻi a me ke ʻano hou me ka ʻole o ka flashy. He liʻiliʻi a mānoanoa nā ʻāpana: 8px gutters, 12px card radius, nā lepili ʻano pila ma 9999px, a me nā mana ʻike ʻole ʻia ma kahi o nā pihi kaumaha a piha.
Ua kūkulu ʻia ka ʻaoʻao ma luna o kahi hoʻonohonoho kikowaena me ka laulā kiʻekiʻe loa ma kahi o 1200px. ʻO ka mea nui he poloka kikokikona kikowaena me ʻekolu mau mea lana (Nā Polokalamu Hui, Conversion Analytics, Nā Loulou Pōkole) i kau ʻia ma luna o kahi hoʻonohonoho huahana nui. Hoʻonohonoho ʻia nā ʻāpana i luna me nā ʻauwai 64px kūlike, e hoʻololi ana ma waena o ka canvas keʻokeʻo a me ka haze pepa #f5f5f5 no ka hoʻokaʻawale leo. Hoʻohana ka ʻāpana lalo i kahi hoʻonohonoho Z-ʻano: ua kikowaena ʻia ke kikokikona hoʻoponopono ma ke kolu waena, a ua hoʻopaʻa ʻia nā kāleka UI lana i nā palena hema a me ka ʻākau, e hana ana i kahi mele asymmetrical, e like me ka makasina. ʻO ke ao logo he grid 5x2 maʻalahi, i kikowaena ʻia ma ka ʻaoʻao. ʻO ka hoʻokele ʻana he pā luna minimalist—logo ma ka hema, hoʻokele ma ke kikowaena, kahi hui o ʻelua mau pihi (kahi pihi "Login" ʻuhane + kahi pihi "Register" i hoʻopiha ʻia) ma ka ʻākau—me ka ʻole o kahi papa kuhikuhi paʻa a me ka mega. Hōʻike ka hoʻonohonoho dashboard o ka puka makani nui i kahi hoʻonohonoho app ʻelua kolamu maʻamau: kahi ʻaoʻao paʻa (like me 240px) + kahi ʻāpana ʻike e wehewehe ana i ka nui o ka ʻike huahana no nā malihini ma mua o ko lākou hoʻomaka ʻana e ʻōwili.
ʻO nā kiʻi e kālele ana i ka huahana, ʻaʻole i kālele ʻia i ke ʻano o ka nohona. Aia ka pale nui ma kahi kiʻi paʻi nui o ka dashboard, e hōʻike ana i kahi hoʻohālike huahana honua maoli me kahi hoʻokele ʻaoʻao, ka papa ʻikepili, a me nā mea UI lana, i hoʻonohonoho ʻia e like me kahi panela pālahalaha ma kahi canvas keʻokeʻo. Hōʻike ʻia nā logos o nā mea kūʻai aku ma kahi grid grayscale desaturated (beehiv, superpower, Chatbase, etc.) e ʻae i kā lākou hana pāpili kaiapili, i wehe ʻia ke kala e ʻae i ka leo polū hoʻokahi o ka ʻaoʻao e noho aliʻi. Neʻe nā kāleka hoa lana (nā ʻikepili liʻiliʻi a me nā tile me ka ʻikepili loaʻa kālā/uku) a puni nā poloka o ka kikokikona hoʻoponopono ma lalo, e hana ana i kahi manaʻo hohonu me ka ʻole o ka hoʻohana ʻana i nā aka ma ka kikokikona ponoʻī. ʻO ke ʻano hope grid dotted he hiʻohiʻona pūlima: kahi lālani lahilahi o nā kiko liʻiliʻi me ka opacity haʻahaʻa loa e hana i ke ʻano a me ka manaʻo o kahi ʻōnaehana hoʻolālā/ʻili kiʻi, e hoʻoikaika ana i ke kūlana o ka pūnaewele ma ke ʻano he "kahua hoʻoili loulou hou." He liʻiliʻi ka iconography, me nā outline a me nā hoʻopiha, a hoʻohana i kahi palette accent (tangerine orange, lavender purple, mint green) no nā lepili hiʻona. ʻAʻole hoʻohana ʻia nā kiʻi paʻi, nā kiʻi, a i ʻole nā mea hoʻohālike 3D—ʻo ka ʻaoʻao hoʻohana o ka huahana he ʻōlelo ʻike maka.
Paleta
Lama
- Electric Blue
#2563eb— Hoʻohana ʻia ke kala mua o ka brand—ka logo, nā loulou, nā ʻōkuhi hana koʻikoʻi, nā kūlana hana, a me nā leo ikona. ʻO ka uliuli momona ma kahi hope keʻokeʻo e hoʻokumu i ka mea hoʻohiwahiwa wale nō o ka ʻōnaehana. - Deep Sapphire
#1e40af— ʻO ke kua nui o ke pihi hana, ka hoʻopiha wiwo ʻole o ke kāhea i ka hana—ʻo ia wale nō ke kala e hōʻike ana i ka hana—ua hoʻohana iki ʻia e huki i ka manaʻo.
Kūlike ʻole
- Canvas White
#ffffff— ʻO ke kua o ka ʻaoʻao, ka ʻili kāleka, nā panela pop-up ke kumu paʻa o kēlā me kēia pale. - Paper Mist
#f5f5f5— Nā hoʻololi kala hover maʻalahi no nā kāleka i hoʻopaʻa ʻia, nā panela hou, a me nā hoʻopiha. - Ash
#e5e5e5— ʻO nā palena lahilahi ma nā kāleka, nā mea hoʻohui hoʻokomo a me nā mea hoʻokaʻawale ka laina hoʻonohonoho e hoʻopaʻa pū ana i ka ʻōnaehana. - Smoke
#d4d4d4— Nā palena ʻoi no nā ipu i koho ʻia a me nā kaha pihi hou aʻe. - Pebble
#c8c8c8— Nā palena, nā kaha hoʻomalu, a me nā mea hoʻokaʻawale kūkulu me ke ʻano ʻokoʻa waena. ʻAʻole pono e hoʻohana ʻia kēia kala ma ke ʻano he kala mua no nā kāhea i ka hana. - Midnight Ink
#0a0a0a— ʻAneʻane ʻeleʻele ka kikokikona nui o nā pihi, nā pihi i hōʻike ʻia, a me ke kikokikona hoʻokele no ka ʻokoʻa loa.
Palapala hoʻopili
mai 11 a 48px · 9 mau ʻanuʻu
- Satoshi — pani: Inter (weight 500 · nā hoʻolālā 500 · Nā Poʻomanaʻo Hōʻike - hoʻohana wale ʻia ma nā laina 36-48px no nā poʻo inoa a me nā poʻo inoa ʻāpana. Kaumaha o ka hua palapala - 500 (waena, ʻaʻole wiwo ʻole): Nānā wiwo ʻole a hou nā poʻomanaʻo, akā ʻaʻole loa e lanakila nui. Hāʻawi nā ʻāpana geometric o Satoshi i ka typeface i kahi manaʻo hoʻoponopono iki, hou ʻaʻole hiki i ke kope kino o Inter ke kope hou.
- Inter — pani: Inter (native) · nā hoʻolālā 400, 500, 600 · Kope kino, nā lepili UI, ka hoʻokele, nā poʻomanaʻo liʻiliʻi, a me nā poʻomanaʻo liʻiliʻi. ʻO Inter ka lio hana nui, e lawelawe ana i nā mea āpau mai nā lepili liʻiliʻi 11px a i nā poʻomanaʻo lua 30px. ʻO ke kaumaha o 400 ka paʻamau no ke kope kino, 500 no nā mea i hōʻike ʻia a me nā lepili pihi, a ua mālama ʻia ʻo 600 no nā lepili UI koʻikoʻi. ʻO 16px me ke kiʻekiʻe laina o 1.5 ka nui o ka ʻanuʻu hoʻokahi i ʻike pinepine ʻia (1220 mau hanana), e hōʻoia ana he 16px ka nui o ke kope kino canonical.
- Geist Mono — pani: JetBrains Mono or IBM Plex Mono · nā hoʻolālā 400, 500 · Hoʻohana ʻia nā ʻāpana code, nā metadata loea, a me nā hōʻailona monospaced i hoʻokomo ʻia i loko o nā poloka code ma 12-14px a ma nā mea hōʻike code nui ma 24px. Hōʻoia kēia i ka hilinaʻi o ka mea hana hoʻomohala, e kūlike me ke kūlana huahana o Dub.
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 | 12px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 64px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Dub 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
- 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
- Seline Analytics — He papa loiloi mālie ma ka pepa mahana
- Notion — He puke pepa mahana i ka lā awakea
- Anthropic — He puke pai ʻepekema ma ka vellum mehana—nā ʻili niho ʻelepani mālie, nā poʻomanaʻo hoʻoponopono serifed, a me kahi leo pālolo hoʻokahi e ʻike ʻia ana ke pono wale nō ka hana.
- Calendly — ʻĪnika polū ʻeleʻele ma luna o ke kinikini anu
- Augen Pro — Hōʻike ka hōʻike keʻokeʻo a Apple i kahi polū uila, maʻalahi, ʻo ia wale nō ke ʻano hoʻokahi i kahi wahi monochrome.
- Antimetal — He moʻolelo hoʻoponopono ma ka pepa kirīmi—he kakahiaka mālie ma kahi puke pai ʻepekema, kahi e hōʻike ai ke kāohi ʻana i ka hilinaʻi a me nā serif e hana i ka hāpai kaumaha
- Perk — Lime uila ma ka pepa pepa mahana
- Ditto — He hale hana i hoʻomālamalama ʻia e ka lā e hana ana i nā laʻana pua hihiu. ʻO nā ʻili kirīmi mehana, kahi waihoʻoluʻu melemele ʻōlinolino, nā ʻīnika polū hohonu, nā ʻano waihoʻoluʻu organik e pua ana ma hope o ka ʻāpana.
- Officevibe — He makasina hoʻoponopono ma ka pepa kala kirīmi mahana. E noʻonoʻo i kahi moʻolelo noʻonoʻo e pili ana i ka hoʻokele HR, i hōʻike ʻia ma ke ʻano he huahana—he font serif cursive e hāwanawana ana ma o kahi interface polū hou.