Dub
Iphaneli yokulawula iphepha lelayisi elingacwebezeli kahle le-Link
Uhlelo lokubuka lukaDub lunobuhle obucishe bube mhlophe obuhambisana ne-SaaS: indwangu emhlophe eboshwe ndawonye ngemingcele emincane kunokuba ibe yizinto ezivelele, enohlobo lwe-monochrome oluqinile olunikeza ukwesekwa kwesakhiwo kanye nombala owodwa oluhlaza okwesibhakabhaka okhanyayo (#2563eb) okwenza isitatimende. Izindawo zihlala ziyisicaba futhi zingenafreyimu ekuqaleni, kodwa isitsha ngasinye sinomkhawulo ongu-1px #e5e5e5, okuvusa umuzwa wombhalo ophrintiwe. Ubuntu butholakala ngesethi encane yezimpawu "zephilisi" ezinemibala (o-orenji, oluhlaza okotshani, onsomi) ezintanta ngaphezu kwephalethi engathathi hlangothi, kanye nama-header azizwa eqiniseka futhi esimanje ngaphandle kokuba acwebezelayo. Izingxenye zincane futhi ziminyene: ama-gutter angu-8px, i-radius yamakhadi angu-12px, amalebula amise okwephilisi ku-9999px, kanye nezilawuli ezingabonakali esikhundleni sezinkinobho ezisindayo, ezigcwele.
Ikhasi lakhiwe phezu kwesakhiwo esimaphakathi esinobubanzi obuphezulu obungu-1200px. Isici esiyinhloko ibhlogo lombhalo elimaphakathi elinezinto ezintathu ezintantayo (Izinhlelo Zokuxhumana, Ukuhlaziya Ukuguqulwa, Izixhumanisi Ezifushane) ezibekwe ngokuvundlile ngaphezu kwesakhiwo esikhulu somkhiqizo. Izingxenye zihlelwe ngokuvundlile ngama-gutter angama-64px ahambisanayo, ashintshana phakathi kwe-canvas emhlophe kanye ne-#f5f5f5 haze yephepha ukuze kuhlukaniswe ithoni. Ingxenye engezansi isebenzisa isakhiwo esinobunjwa buka-Z: umbhalo wokuhlela uphakathi nendawo yesithathu ephakathi, kanti amakhadi e-UI antantayo anamathele emaphethelweni angakwesokunxele nakwesokudla, okudala isigqi esifana nomagazini. Ifu lelogo liyigridi elula engu-5x2, ephakathi ekhasini. Ukuzulazula kuyibha ephezulu encane—ilogo ngakwesobunxele, ukuzulazula maphakathi, iqembu lezinkinobho ezimbili (inkinobho ethi "Ngena ngemvume" eyisipoki + inkinobho ethi "Bhalisa" egcwele) ngakwesokudla—ngaphandle kwemenyu elungisiwe noma enkulu. Ukuhlelwa kwedeshibhodi yefasitela eliyinhloko kubonisa ukwakheka kohlelo lokusebenza olunamakholomu amabili ajwayelekile: i-sidebar engaguquki (efana ne-240px) + indawo yokuqukethwe echaza ubuningi bolwazi lomkhiqizo lwezivakashi ngaphambi kokuba ziqale ukuskrola.
Imifanekiso igxile kumkhiqizo, hhayi endleleni yokuphila. Isikrini esikhulu sigxile esithombeni-skrini esikhulu sedeshibhodi, esimelela umdwebo womkhiqizo wangempela onokuzulazula kwe-sidebar, ithebula ledatha, kanye nezinto ze-UI ezintantayo, ezibekwe njengephaneli eliyisicaba ku-canvas emhlophe. Ama-logo amaklayenti aboniswa kugridi ye-grayscale engagcwele (i-beehiv, i-superpower, i-Chatbase, njll.) ukuze aqaphele ukusebenza kwawo ezinkundleni zokuxhumana, asuswe umbala ukuze avumele i-accent eyodwa eluhlaza okwesibhakabhaka yekhasi ukuthi ihlale ibusa. Amakhadi abalingani abantantayo (amaphrofayili amancane namathayili anedatha yemali engenayo/yokukhokha) ahambahamba emabhulokhi ombhalo wokuhlela phansi, edala umuzwa wokujula ngaphandle kokusebenzisa izithunzi embhalweni ngokwawo. Iphethini yangemuva yegridi enamachashazi iyisici esiphawulekayo: umugqa omncane wamachashazi amancane anokukhanya okuphansi kakhulu udala ukuthungwa kanye nomuzwa wohlelo lokuklama/indawo yokudweba, kugcizelela ukuma kwesayithi njenge "platform yesimanje yokunikeza izixhumanisi." I-iconography incane, inezinhlaka kanye nokugcwalisa, futhi isebenzisa i-accent palette (i-tangerine orange, i-lavender purple, i-mint green) yamathegi ezici. Azikho izithombe, imifanekiso, noma amamodeli e-3D asetshenziswayo—isikhombikubona somsebenzisi somkhiqizo ngokwaso siwulimi olubonakalayo.
Iphalethi
Umkhiqizo
- Electric Blue
#2563eb— Umbala womkhiqizo oyinhloko—ilogo, izixhumanisi, izinkomba zokusebenza ezibalulekile, izimo ezisebenzayo, kanye nezimpawu zesithonjana—ziyasetshenziswa. Umbala oluhlaza okwesibhakabhaka ocebile ngemuva okumhlophe udala ukukhanga okubonakalayo kuphela kohlelo. - Deep Sapphire
#1e40af— Ingemuva eliyinhloko lenkinobho yesenzo, ukugcwalisa okugqamile kokubiza isenzo—okuwumbala kuphela obonisa isenzo—kusetshenziswa kancane ukuheha ukunaka.
Okungathathi hlangothi
- Canvas White
#ffffff— Ingemuva lekhasi, ubuso bekhadi, amaphaneli e-pop-up ayisisekelo esiphelele sazo zonke izikrini. - Paper Mist
#f5f5f5— Izinguquko zombala ezingabonakali zekhadi elifakwe esidlekeni, amaphaneli engeziwe, kanye nokugcwalisa. - Ash
#e5e5e5— Imingcele emincane emakhadini, izixhumi zokufaka kanye nezihlukanisi yimigqa yesakhiwo ebamba uhlelo ndawonye. - Smoke
#d4d4d4— Imingcele ebukhali yeziqukathi ezikhethiwe kanye nezinhlaka zezinkinobho ezengeziwe. - Pebble
#c8c8c8— Imingcele, uhlaka lokulawula, kanye nezihlukanisi zesakhiwo ezinomehluko ophakathi. Lo mbala akufanele usetshenziswe njengombala oyinhloko wokubiza isenzo. - Midnight Ink
#0a0a0a— Umbhalo oyinhloko wezinkinobho, izinkinobho ezigqanyisiwe, kanye nombhalo wokuzulazula cishe umnyama ukuze kube nomehluko omkhulu.
Ukuthayipha
kusukela ku-11 kuya ku-48px · izinyathelo ezingu-9
- Satoshi — esikhundleni: Inter (weight 500 · izinhlaka 500 · Izihloko Zokubonisa – zisetshenziswa kuphela emigqeni engu-36–48px yezihloko zezihloko nezigaba. Isisindo sefonti – 500 (esiphakathi nendawo, hhayi esigqamile): Izihloko zibukeka ziqinisekile futhi zinesimanje, kodwa azikaze zibe namandla kakhulu. Ubukhulu bejometri bukaSatoshi bunikeza uhlobo lokubhala umuzwa wesimanje kancane wokuthi ikhophi yomzimba we-Inter ayikwazi ukuphinda.
- Inter — esikhundleni: Inter (native) · izinhlaka 400, 500, 600 · Ikhophi yomzimba, amalebula e-UI, ukuzulazula, izihlokwana, kanye nezihloko ezincane. I-Inter iyisisebenzi esiyinhloko, esisingatha konke kusukela kumalebula amancane angu-11px kuya ezihlokweni zesibili ezingu-30px. Isisindo esingu-400 siwukukopisha komzimba okuzenzakalelayo, okungu-500 kwezinto ezigqanyisiwe kanye namalebula ezinkinobho, kanti okungu-600 kugcinelwe amalebula abalulekile e-UI. I-16px enobude bomugqa ongu-1.5 usayizi wesinyathelo esisodwa ovame ukubonwa (izikhathi ezingu-1220), okuqinisekisa ukuthi i-16px usayizi wekhophi yomzimba ongokomfanekiso.
- Geist Mono — esikhundleni: JetBrains Mono or IBM Plex Mono · izinhlaka 400, 500 · Iziqeshana zekhodi, imethadatha yobuchwepheshe, kanye namathokheni ahlanganisiwe asetshenziswa kumabhulokhi ekhodi ku-12–14px kanye nasezintweni ezinkulu zokubonisa ikhodi ku-24px. Lokhu kuqinisekisa ukuthembeka kwethuluzi lonjiniyela, okuhambisana nokubekwa komkhiqizo kweDub.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | isilinganiso |
| Isinyathelo esiyisisekelo | 8px |
| Irediyasi yenkinobho | 8px |
| Irediyasi yekhadi | 12px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 64px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Dub futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- ElevenLabs — Indatshana yesithombe enemibala efudumele nezihloko ezimfushane. Incwadi yokubhala yesitayela seBauhaus—iphepha elinombala wegobolondo leqanda, uyinki omnyama, kanye nophawu olulodwa oluphuzi noluphuzi lokubonisa umkhiqizo.
- Awesomic — I-zinc mesh yokuhlela enezimpawu zokubhala eziwolintshi ezikhumbuza i-confetti
- Monad — iphephabhuku lobuchwepheshe lokuhlela ngesikhumba esifudumele
- Seline Analytics — Ithebula lokuhlaziya elithule ephepheni elifudumele
- Notion — Incwadi yencwajana efudumele elangeni lasemini
- Anthropic — Ijenali yesayensi yensimu ekhuluma nge-vellum efudumele—izindawo ezizolile ze-ivory, izihloko zokuhlela ezicacile, kanye nokugqamisa okukodwa kobumba okuvela kuphela lapho kudingeka isenzo.
- Calendly — Uyinki oluhlaza okwesibhakabhaka onsundu obandayo
- Augen Pro — Isethulo esimhlophe se-Apple sibonisa umbala oluhlaza okwesibhakabhaka okhanyayo, ongenasisindo, njengophawu olulodwa endaweni eyodwa.
- Antimetal — Umlando wokuhlela ephepheni elinokhilimu—ukusa okuthule ephephabhukwini lesayensi, lapho ukuzibamba kuveza ukuzethemba khona kanye nama-serif enza umsebenzi onzima
- Perk — Ilayimu kagesi ephepheni elifudumele lesikhumba
- Ditto — Indawo yokusebenzela ekhanyiswe yilanga edala amasampula ezimbali zasendle. Izindawo ezifudumele zokhilimu, umbala ophuzi okhanyayo oyisisekelo, uyinki oluhlaza okwesibhakabhaka ojulile, imibala yemvelo eqhakaza ngemuva kwesiqephu.
- Officevibe — Umagazini wokuhlela okhuluma ngephepha elifudumele elinombala okhilimu. Cabanga ngendatshana ecatshangelwe kahle ngokuphathwa kwe-HR, eyethulwe njengomkhiqizo—ifonti ye-cursive serif ehleba ngokusebenzisa isikhombikubona sesimanje esiluhlaza okwesibhakabhaka.