
Dub
Pẹpẹ iṣakoso iwe rice matte ti Link
Ètò ìrísí Dub ní ẹwà SaaS tó fẹ́rẹ̀ẹ́ jẹ́ ti olóòtú: àwòrán funfun tó fẹ́rẹ̀ẹ́ jẹ́ funfun tí a fi àwọn ààlà tín-ín-rín mú pọ̀ dípò àwọn èròjà tó yọ jáde, pẹ̀lú àwòrán monochrome tó lágbára tó ń fúnni ní ìtìlẹ́yìn ìṣètò àti àwọ̀ búlúù tó mọ́lẹ̀ kan (#2563eb) tó ń sọ gbólóhùn kan. Àwọn ojú ilẹ̀ náà dúró pẹrẹsẹ àti láìsí férémù ní ojú àkọ́kọ́, ṣùgbọ́n àpótí kọ̀ọ̀kan ní 1px #e5e5e5 àlà, tó ń mú kí ìwé tí a tẹ̀ jáde ní ìrísí hàn. A lè ṣe àṣeyọrí ẹni nípasẹ̀ àkójọ kékeré ti àwọn àmì "pọ́ọ̀ǹtì" aláwọ̀ (osàn, ewéko, elése àlùkò) tó ń léfòó lórí palette aláàlà, àti àwọn àkọlé tó ní ìgbẹ́kẹ̀lé àti òde òní láìsí ìrísí dídán. Àwọn èròjà náà jẹ́ kékeré àti dídí: àwọn gutters 8px, radius káàdì 12px, àwọn àmì onípele pill ní 9999px, àti àwọn ìṣàkóso tí a kò lè rí dípò àwọn bọ́tìnì tó wúwo, tó kún.
A kọ́ ojú ìwé náà lórí ìṣètò àárín pẹ̀lú ìwọ̀n tó pọ̀ jùlọ tó tó 1200px. Ohun pàtàkì náà ni ìdìpọ̀ ọ̀rọ̀ tó wà láàárín pẹ̀lú àwọn ohun mẹ́ta tó ń léfòó (Àwọn Ètò Alábàáṣiṣẹpọ̀, Ìṣàyẹ̀wò Ìyípadà, Àwọn Ìsopọ̀ Kúkúrú) tó wà ní ìsàlẹ̀ lórí ìṣètò ọjà ńlá kan. A ṣètò àwọn apá náà ní ìdúróṣinṣin pẹ̀lú àwọn ihò 64px tó dúró ṣinṣin, tí wọ́n ń yípo láàrín kanfáfà funfun àti #f5f5f5 ìwé haze fún ìyàsọ́tọ̀ ohùn. Apá ìsàlẹ̀ náà lo ìṣètò onígun mẹ́rin Z: ọ̀rọ̀ olóòtú wà ní àárín kẹta, àti àwọn káàdì UI tó ń léfòó ni a so mọ́ apá òsì àti ọ̀tún, tí ó ń ṣẹ̀dá ìró tí kò ní ìbáramu, tí ó dàbí ìwé ìròyìn. Àwọsánmà àmì náà jẹ́ àkójọpọ̀ 5x2 tó rọrùn, tí ó wà ní àárín ojú ìwé náà. Ìlọ kiri jẹ́ àkójọpọ̀ òkè kékeré—àmì ní apá òsì, ìlọ kiri ní àárín, àwùjọ àwọn bọ́tìnì méjì (bọ́tìnì "Wọlé" iwin + bọ́tìnì "Forukọsilẹ" tí ó kún) ní apá ọ̀tún—láìsí àkójọpọ̀ tí a ti ṣètò tàbí tí ó pọ̀. Ìṣètò dasibodu fèrèsé pàtàkì náà fi ìṣètò àpù oní-ọ̀wọ̀n méjì hàn: ẹ̀gbẹ́ tí a ti ṣe àtúnṣe (tó jọ 240px) + agbègbè àkóónú tí ó ń ṣàlàyé ìwọ̀n ìwífún ọjà fún àwọn àlejò kí wọ́n tó bẹ̀rẹ̀ sí í yípo.
Àwọn àwòrán náà jẹ́ ti ọjà, kìí ṣe ti ìgbésí ayé. Ibojú pàtàkì náà wà lórí àwòrán dashboard ńlá kan, tí ó dúró fún àwòkọ ọjà gidi pẹ̀lú ìtọ́sọ́nà ẹ̀gbẹ́, tábìlì dátà, àti àwọn èròjà UI tí ń fò, tí a gbé kalẹ̀ gẹ́gẹ́ bí pánẹ́lì aláwọ̀ funfun kan. Àwọn àmì oníbàárà ni a fi hàn nínú àkójọpọ̀ àwọ̀ ewé tí kò ní àwọ̀ (beehiv, superpower, Chatbase, àti bẹ́ẹ̀ bẹ́ẹ̀ lọ) láti jẹ́rìí iṣẹ́ wọn lórí ìkànnì àwùjọ, tí a yọ àwọ̀ kúrò láti jẹ́ kí àmì àwọ̀ búlúù kan ṣoṣo ti ojú ìwé náà máa wà ní ipò àkóso. Àwọn káàdì alábàáṣiṣẹpọ̀ tí ń fò (àwọn ìwífún kékeré àti àwọn táìlì pẹ̀lú ìsanwó/ìsanwó) ń yípo àwọn bulọ́ọ̀kù ọ̀rọ̀ olóòtú ní ìsàlẹ̀, tí ó ń ṣẹ̀dá ìmọ̀lára jíjìn láìlo àwọn òjìji lórí ọ̀rọ̀ náà fúnra rẹ̀. Àpẹẹrẹ ìpìlẹ̀ àkójọpọ̀ oníwọ̀n jẹ́ àmì ìfọwọ́sowọ́pọ̀: ìlà tín-ín-rín ti àwọn àmì kékeré pẹ̀lú òfo díẹ̀ ń ṣẹ̀dá ìrísí àti ìmọ̀lára ti ètò/ibojú àwòrán, tí ó tẹnu mọ́ ipò ojú-ọ̀nà náà gẹ́gẹ́ bí “pẹ́lì ìfàmìsí ìjápọ̀ òde òní.” Àmì náà kéré, pẹ̀lú àwọn ìlà àti àwọn ìkún, ó sì ń lo àtẹ ìfàmìsí (tangerine orange, lavender purple, mint green) fún àwọn àmì ìfàmìsí. A kò lo àwọn fọ́tò, àwòrán, tàbí àwọn àwòṣe 3D—ìfọwọ́sowọ́pọ̀ olùlò ọjà náà fúnra rẹ̀ jẹ́ èdè àwòran.
Paleti
Orúkọ ọjà
- Electric Blue
#2563eb— Àwọ̀ pàtàkì tí wọ́n fi ń ṣe àmì ìdámọ̀ràn náà—àmì ìdámọ̀ràn náà, àwọn ìjápọ̀, àwọn àmì ìṣe pàtàkì, àwọn ipò tó ń ṣiṣẹ́, àti àwọn àmì ìdámọ̀ràn—ni wọ́n ń lò. Àwọ̀ búlúù tó ní ìrísí tó dára lórí ìpìlẹ̀ funfun ló ń mú kí ètò náà lẹ́wà síi. - Deep Sapphire
#1e40af— A lo ipilẹ̀ akọkọ ti bọtini iṣe naa, kikun ti ipe si iṣe naa—awọ kanṣoṣo ti o tọka si iṣe naa—lati fa akiyesi.
Dídúróṣinṣin
- Canvas White
#ffffff— Ẹ̀yìn ojú ìwé, ojú káàdì, àwọn páànẹ́lì ìfìhàn ni ìpìlẹ̀ gbogbo ìbòjú. - Paper Mist
#f5f5f5— Àwọn àwọ̀ tí ó ń yí padà fún àwọn káàdì tí a fi sínú ìtẹ́, àwọn pánẹ́lì afikún, àti àwọn ohun tí a fi kún. - Ash
#e5e5e5— Àwọn ààlà tín-ín-rín lórí àwọn káàdì, àwọn ìsopọ̀ ìtẹ̀síwájú àti àwọn ìpín ni ìlà ìṣètò tí ó so ètò náà pọ̀. - Smoke
#d4d4d4— Àwọn ààlà tó múná fún àwọn àpótí tí a yàn àti àwọn àkójọpọ̀ bọ́tìnì afikún. - Pebble
#c8c8c8— Àwọn ààlà, àwọn ìlà ìṣàkóso, àti àwọn ìpínyà ìṣètò pẹ̀lú ìyàtọ̀ àárín. A kò gbọdọ̀ lo àwọ̀ yìí gẹ́gẹ́ bí àwọ̀ àkọ́kọ́ fún àwọn ìpè sí ìgbésẹ̀. - Midnight Ink
#0a0a0a— Ọ̀rọ̀ pàtàkì nínú àwọn bọ́tìnì náà, àwọn bọ́tìnì tí a fihàn, àti ọ̀rọ̀ ìtọ́sọ́nà fẹ́rẹ̀ jẹ́ dúdú fún ìyàtọ̀ tó pọ̀ jùlọ.
Ìtẹ̀wé
láti 11 sí 48px · Àwọn ìgbésẹ̀ 9
- Satoshi — rirọpo: Inter (weight 500 · awọn ilana apẹrẹ 500 · Àwọn Àkọlé Ìfihàn – tí a lò ní àwọn ìlà 36–48px nìkan fún àkọlé àti àkọlé apá. Ìwọ̀n lẹ́tà – 500 (àárín, kì í ṣe gígun): Àwọn àkọlé náà dàbí ẹni tí ó ní ìgboyà àti ìgbàlódé, ṣùgbọ́n wọn kì í lágbára ju ti tẹ́lẹ̀ lọ. Ìwọ̀n onígun mẹ́rin ti Satoshi fún àwọn àkọlé náà ní ìmọ̀lára òde òní díẹ̀ tí àwòkọ ara Inter kò le ṣe àtúnṣe.
- Inter — rirọpo: Inter (native) · awọn ilana apẹrẹ 400, 500, 600 · Àwòrán ara, àmì UI, ìtọ́sọ́nà, àwọn àkọlé kékeré, àti àwọn àkọlé kékeré. Inter ni olórí iṣẹ́, tí ó ń ṣàkóso gbogbo nǹkan láti àwọn àmì kékeré 11px sí àwọn àkọlé kejì 30px. Ìwọ̀n 400 ni àìṣeédá fún àwòrán ara, 500 fún àwọn ohun èlò tí a fihàn àti àwọn àmì bọ́tìnì, àti 600 wà fún àwọn àmì UI pàtàkì. 16px pẹ̀lú gíga ìlà ti 1.5 ni ìwọ̀n ìgbésẹ̀ kan ṣoṣo tí a sábà máa ń rí jùlọ (àwọn ìṣẹ̀lẹ̀ 1220), èyí tí ó jẹ́rìí sí i pé 16px ni ìwọ̀n àwòrán ara oníṣeédá.
- Geist Mono — rirọpo: JetBrains Mono or IBM Plex Mono · awọn ilana apẹrẹ 400, 500 · Àwọn àkójọpọ̀ kóòdù, metadata ìmọ̀-ẹ̀rọ, àti àwọn àmì tí a fi sínú rẹ̀ ni a lò nínú àwọn bulọ́ọ̀kì kóòdù ní 12–14px àti nínú àwọn ohun èlò ìfihàn kóòdù ńlá ní 24px. Èyí ń rí i dájú pé ohun èlò olùgbéjáde náà jẹ́ èyí tí ó ṣeé gbẹ́kẹ̀lé, ní ìbámu pẹ̀lú ipò ọjà Dub.
Àárín àti ìrísí
| Ète | Ìtumọ̀ |
|---|---|
| Ìwọ̀n | apapọ |
| Igbesẹ ipilẹ | 8px |
| Rọ́díọ̀sì bọ́tìnì | 8px |
| rédíọ̀sì káàdì | 12px |
| Àwọn òjìji | kò sí - àwọn ààlà dípò àwọn òjìji |
| Láàárín àwọn ẹ̀ka | 64px |
| Fífẹ̀ ojú ìwé | 1200px |
AI yóò kọ́ ojú òpó wẹ́ẹ̀bù rẹ ní ọ̀nà Dub yóò sì kún ún
- Kún àwọn ọjà àti ìfiránṣẹ́ nípasẹ̀ ìjápọ̀ náà - Instagram, TikTok, Facebook.
- Gbe akoonu lati oju opo wẹẹbu atijọ rẹ—kan sọ adirẹsi naa.
- Apẹẹrẹ ode oni lori ẹrọ ti o dara julọ: React ( Next.js) pẹlu ifihan olupin ati iṣapeye SEO kuro ninu apoti.
- Iṣapeye SEO adaṣe ni kikun fun awọn abajade wiwa ati awọn iṣeduro nẹtiwọọki neural.
Àwọn àṣà tó jọra
- ElevenLabs — Àròkọ fọ́tò tí a fi ìpara gbígbóná ṣe pẹ̀lú àwọn àkọlé tí kò ṣe kedere. Ìwé àkọsílẹ̀ oníṣe Bauhaus—ìwé àwọ̀ ẹyin, inki dúdú, àti àmì aláwọ̀ elése àlùkò àti osàn kan ṣoṣo fún ìfihàn ọjà náà.
- Awesomic — Àwọ̀n síńkì olóòtú pẹ̀lú àwọn àmì àmì ọsàn tí ó jọ confetti
- Monad — Ìwé ìròyìn ìmọ̀ ẹ̀rọ olóòtú lórí ìwé parchment gbígbóná
- Seline Analytics — Tábìlì onínúró tó dákẹ́ lórí ìwé gbígbóná
- Notion — Ìwé àkọsílẹ̀ ìwé gbígbóná ní oòrùn ọ̀sán gangan
- Anthropic — Ìwé ìròyìn ìmọ̀ sáyẹ́ǹsì lórí àwọn vellum gbígbóná—àwọn ojú eyín erin tó dákẹ́ jẹ́ẹ́, àwọn àkọlé ìwé ìròyìn tó ní ìrísí, àti àmì amọ̀ kan ṣoṣo tó máa ń hàn nígbà tí a bá nílò ìgbésẹ̀.
- Calendly — Inki aláwọ̀ dúdú lórí mábù tútù
- Augen Pro — Àwòrán funfun Apple ní àwọ̀ búlúù oníná mànàmáná, tí kò ní ìwọ̀n, gẹ́gẹ́ bí àmì ìdánimọ̀ kan ṣoṣo nínú ààyè monochrome kan.
- Antimetal — Àkọsílẹ̀ olóòtú lórí ìwé kíkan—òwúrọ̀ ìdákẹ́jẹ́ẹ́ ní ìwé ìròyìn sáyẹ́ǹsì kan, níbi tí ìkóra-ẹni-níjàánu ti ń fi ìgboyà hàn àti ibi tí àwọn serif ń gbé ìgbésẹ̀ líle náà sókè
- Perk — Lẹ́m̀pù iná mànàmáná lórí ìwé parchment gbígbóná
- Ditto — Ìdánilẹ́kọ̀ọ́ ìtànṣán oòrùn tí ń ṣẹ̀dá àwọn àpẹẹrẹ òdòdó igbó. Àwọn ojú ìpara ìpara gbígbóná, àwọ̀ ìpìlẹ̀ àwọ̀ ofeefee tí ó tàn yanranyanran, àwọn àwọ̀ aláwọ̀ búlúù pupa, àwọn àwọ̀ oníwà-bí-aláìdára tí ó ń tàn lẹ́yìn ohun èlò náà.
- Officevibe — Ìwé ìròyìn olóòtú lórí ìwé aláwọ̀ dúdú. Fojú inú wo àròkọ onírònú lórí ìṣàkóso HR, tí a gbé kalẹ̀ gẹ́gẹ́ bí ọjà kan—fọ́ọ̀ǹtì serif onílàsí tí ń dún bí ẹni pé ó ń jáde láti inú ojú ọ̀nà aláwọ̀ búlúù òde òní.