Dub
Guddi xakameyn ah oo warqadda bariiska matte ee Link ah
Nidaamka muuqaalka ee Dub wuxuu leeyahay qaab dhismeed SaaS oo xaddidan, oo ku dhawaad tafatire ah: shiraac cad oo isku xiran oo ay isku hayaan xuduudo khafiif ah halkii ay ka ahaan lahaayeen walxo soo baxaya, oo leh qaab-dhismeed cufan oo monochrome ah oo bixiya taageero qaab-dhismeed iyo midab buluug dhalaalaya oo keliya (#2563eb) oo sameeya hadal. Dusha sare waxay sii ahaanayaan kuwo siman oo aan lahayn qaab-dhismeed marka hore, laakiin weel kastaa wuxuu leeyahay 1px #e5e5e5, taasoo kicinaysa dareenka dukumeenti daabacan. Shakhsiyadda waxaa lagu gaaraa iyada oo loo marayo tiro yar oo ah lahjadaha "kiniin" ee midabka leh (liin, cagaar, guduud) oo ka dul sabbaynaya palette-ka dhexdhexaadka ah, iyo cinwaanno dareemaya kalsooni iyo casri ah iyada oo aan la dhalaalin. Qaybuhu waa kuwo is haysta oo cufan: 8px godad, 12px radius kaar ah, calaamado qaab kiniin ah oo 9999px ah, iyo kontaroolo aan la arki karin halkii ay ka ahaan lahaayeen badhamada culus oo buuxa.
Bogga waxaa lagu dhisay qaab-dhismeed dhexe oo leh ballac ugu badan oo qiyaastii ah 1200px. Qaybta ugu weyn waa baloog qoraal oo dhexe oo leh saddex walxood oo sabeynaya (Barnaamijyada Xiriiriyeyaasha, Falanqaynta Beddelka, Xiriiriyeyaasha Gaaban) oo si toosan loogu dhejiyay qaab-dhismeedka badeecada weyn. Qaybaha waxaa si toosan loogu habeeyay biyo-mareenno 64px ah oo isku mid ah, iyagoo u kala beddelaya shiraac cad iyo wasakh warqad #f5f5f5 ah si loo kala saaro codka. Qaybta hoose waxay isticmaashaa qaab-dhismeed qaab Z ah: qoraalka tifaftirka wuxuu ku yaal bartamaha saddexaad ee dhexe, kaararka UI-ga ee sabeynayana waxaa lagu dhejiyay dhinacyada bidix iyo midig, iyagoo abuuraya laxan aan sinnayn, oo u eg joornaal. Daruurta astaanta waa shabakad fudud oo 5x2 ah, oo ku taal bogga. Navigation waa baar sare oo yar yar - astaan bidix ah, navigation-ka bartamaha, koox laba badhan ah (badhanka "Soo gal" ee jinni + badhanka "Diiwaangelinta" oo buuxa) dhanka midig - iyada oo aan lahayn liis go'an ama mid weyn. Qaab-dhismeedka dashboard-ka daaqadda ugu weyn wuxuu soo bandhigayaa qaab-dhismeedka abka laba-tiirlaha ah ee caadiga ah: dhinac-dhinac go'an (oo la mid ah 240px) + aag macluumaad oo qeexaya cufnaanta macluumaadka badeecada ee booqdayaasha ka hor inta aysan bilaabin rogrogidda.
Muuqaalladu waa kuwo diiradda saaraya badeecadaha, ee aan diiradda saarin qaab nololeedka. Shaashada ugu weyn waxay ku taallaa shaashad weyn oo dashboard ah, oo matalaysa qaab-dhismeedka badeecadaha adduunka dhabta ah oo leh navigation dhinaca, jadwalka xogta, iyo walxaha UI ee sabeynaya, oo loo dhigay sidii guddi fidsan oo ku yaal shiraac cad. Astaamaha macaamiisha waxaa lagu soo bandhigay shabag cawlan oo aan dheregsanayn (beehiv, superpower, Chatbase, iwm.) si loo aqoonsado waxqabadkooda baraha bulshada, laga jaray midab si loogu oggolaado lahjadda buluugga ah ee bogga inay sii ahaato mid madaxbannaan. Kaararka lammaanaha ee sabeynaya (profiles yar yar iyo taayirro leh xogta dakhliga/lacag bixinta) waxay ku wareegaan baloogyada qoraalka tifaftirka ee hoose, iyagoo abuuraya dareen qoto dheer iyada oo aan la isticmaalin hooska qoraalka laftiisa. Qaabka asalka ah ee shabagga dhibcaha leh waa astaamo saxiix ah: saf khafiif ah oo dhibco yaryar ah oo leh daah-furnaan aad u hooseeya ayaa abuura qaab-dhismeedka iyo dareenka nidaamka naqshadeynta/dusha sawirka, iyadoo xoogga la saarayo booska goobta oo ah "madal isku-xidhka casriga ah." Astaantu waa mid aad u yar, oo leh dulmar iyo buuxin, waxayna isticmaashaa palette lahjad (oranji tangerine, lavender guduudan, cagaar reexaanta ah) calaamadaha astaamaha. Sawiro, sawirro, ama qaabab 3D ah lama isticmaalo—is-dhexgalka isticmaalaha badeecaddu waa luqad muuqaal ah.
Paleetka
Summada
- Electric Blue
#2563eb— Midabka summada koowaad - astaanta, isku xirka, tilmaamayaasha waxqabadka muhiimka ah, xaaladaha firfircoon, iyo lahjadaha astaanta - ayaa la isticmaalaa. Buluug qani ah oo ku yaal asalka cad ayaa abuura soo jiidashada muuqaalka kaliya ee nidaamka. - Deep Sapphire
#1e40af— Asalka ugu muhiimsan ee badhanka ficilka, buuxinta geesinimada leh ee wicitaanka ficilka - midabka kaliya ee tilmaamaya ficilka - ayaa si xad dhaaf ah loo isticmaalaa si loo soo jiito dareenka.
Dhexdhexaad
- Canvas White
#ffffff— Bogga asalka ah, dusha sare ee kaarka, iyo muraayadaha soo booda ayaa ah aasaaska ugu muhiimsan ee shaashad kasta. - Paper Mist
#f5f5f5— Isbeddello midab oo aan la saadaalin karin oo ku yimaada kaararka buulka ku jira, guddiyada dheeraadka ah, iyo buuxinta. - Ash
#e5e5e5— Xuduudaha khafiifka ah ee kaararka, isku xirayaasha wax soo gelinta iyo kala qaybiyayaasha ayaa ah xariiqda qaab-dhismeedka ee isku haysa nidaamka. - Smoke
#d4d4d4— Xuduudo fiiqan oo loogu talagalay weelasha la xushay iyo dulmarro badhan oo dheeraad ah. - Pebble
#c8c8c8— Xuduudaha, qaababka xakamaynta, iyo kala-qaybiyayaasha qaab-dhismeedka oo leh isbarbardhig dhexdhexaad ah. Midabkan waa in aan loo isticmaalin midabka koowaad ee wicitaanada ficilka. - Midnight Ink
#0a0a0a— Qoraalka ugu muhiimsan ee badhamada, badhamada la iftiimiyay, iyo qoraalka navigation-ka ayaa ku dhawaad madow ah si loo helo isbarbardhig ugu badan.
Nooca qoraalka
laga bilaabo 11 ilaa 48px · 9 tallaabo
- Satoshi — beddelka: Inter (weight 500 · dulmar guud 500 · Cinwaanada Muujinta - waxaa loo isticmaalaa oo keliya sadar 36–48px ah cinwaanada cinwaanka iyo qaybaha. Miisaanka farta - 500 (dhexdhexaad, aan geesi ahayn): Cinwaanadu waxay u muuqdaan kuwo kalsooni leh oo casri ah, laakiin waligood ma ahan kuwo aad u xoog badan. Saamiga joomatari ee Satoshi wuxuu siinayaa qaabka qoraalka dareen tifaftiran oo casri ah oo nuqulka jirka ee Inter uusan soo koobi karin.
- Inter — beddelka: Inter (native) · dulmar guud 400, 500, 600 · Nuqulka jirka, calaamadaha UI, navigation-ka, cinwaanada hoose, iyo cinwaanada yaryar. Inter waa shaqada ugu weyn, oo wax walba ka qabanaysa laga bilaabo calaamadaha yaryar ee 11px ilaa cinwaanada labaad ee 30px. Miisaanka 400 waa nooca caadiga ah ee nuqulka jirka, 500 walxaha la iftiimiyay iyo calaamadaha badhanka, iyo 600 waxaa loo qoondeeyay calaamadaha muhiimka ah ee UI. 16px oo leh dherer xariiq ah oo ah 1.5 waa cabbirka hal-tallaabo ee ugu badan ee la kulmo (1220 dhacdo), taasoo xaqiijinaysa in 16px uu yahay cabbirka nuqulka jirka ee caadiga ah.
- Geist Mono — beddelka: JetBrains Mono or IBM Plex Mono · dulmar guud 400, 500 · Qaybaha koodhka, metadata farsamo, iyo calaamadaha isku xiran ee ku dhex jira ayaa loo isticmaalaa baloogyada koodhka ee 12–14px iyo qaybaha bandhigga koodhka ee waaweyn ee 24px. Tani waxay hubinaysaa kalsoonida qalabka horumariyaha, oo la jaan qaadaya booska wax soo saarka Dub.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | celcelis |
| Tallaabada aasaasiga ah | 8px |
| Gacanka badhanka | 8px |
| Gacanka kaarka | 12px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 64px |
| Ballaca bogga | 1200px |
AI waxay website-kaaga ku dhisi doontaa qaabka Dub oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- ElevenLabs — Qoraal sawir ah oo ku jira midabyo kareem diirran oo leh cinwaanno qarsoon. Buug xusuus-qor ah oo qaabka Bauhaus ah—warqad midab leh oo ukunta leh, khad madow, iyo lahjad guduudan iyo oranji ah oo loogu talagalay soo bandhigida badeecada.
- Awesomic — Shaashad zinc ah oo tifaftiran oo leh calaamado xarakayn oranji ah oo xasuusinaya confetti
- Monad — Joornaalka farsamada tifaftirka ee ku saabsan warqadda diirran
- Seline Analytics — Miis falanqayn oo deggan oo ku dul yaal warqad diiran
- Notion — Buug xusuus-qor ah oo diiran oo qorraxda duhurkii ah
- Anthropic — Joornaal cilmiyeed oo ku saabsan vellum diiran—sagxadaha foolka maroodiga ee deggan, cinwaannada tifaftirka ee la sifeeyay, iyo hal lahjad dhoobo ah oo soo baxda marka ficil loo baahdo oo keliya.
- Calendly — Khad buluug madow ah oo ku yaal marmar qabow
- Augen Pro — Bandhigga cad ee Apple wuxuu ka kooban yahay buluug koronto oo aan miisaan lahayn oo caafimaad ahaan u eg lahjadda kaliya ee meel bannaan oo monochrome ah.
- Antimetal — Taariikh-qoraal tifaftiran oo ku saabsan warqad kareem ah—subax deggan oo ka dhacaya joornaal cilmiyeed, halkaas oo is-xakameyntu ay muujinayso kalsooni iyo serifyadu ay sameeyaan qaadista culus
- Perk — Lime koronto ah oo ku dul yaal warqad diirran oo warqad ah
- Ditto — Aqoon-is-weydaarsi qorrax leh oo abuuraya muunado ubax duurjoog ah. Dusha sare ee kareemka diirran, midab huruud ah oo dhalaalaya, khad buluug madoobaaday oo qoto dheer, qaabab midab dabiici ah oo ubaxaya gadaasha gabalka.
- Officevibe — Joornaal tifaftire ah oo ku saabsan warqad midab kareem leh oo diirran. Bal qiyaas qoraal feker leh oo ku saabsan maaraynta HR, oo loo soo bandhigay badeecad ahaan - far serif ah oo cursive ah oo ku hoos guuxaya is-dhexgalka buluugga casriga ah.