Column
buug-yare buluug madow ah oo waaberiga qabow ka hooseeya
Tiirka wuxuu isticmaalaa buluug madow oo qoto dheer oo hay'adeed ah oo ku yaal asal cad oo u dhow: bogga wuxuu u eg yahay dusha sare ee badeecadaha bangiyada oo adag marka hore iyo goob ciyaar oo horumariye ah marka labaad. Midabka summadaysani maaha mid keliya, laakiin waa lammaane isku xiran - buluug badda #111a4a qaab-dhismeed halis ah, cagaarka mint #44b48b ee xogta iyo koodhka - oo leh hal oranji diirran (#ec652b) oo loo qoondeeyay dusha sare ee lahjadda xoogga badan sida kaarka Brex. Nooca qoraalka waxaa xukuma SuisseIntl, oo ah serif joomatari ah oo aan lahayn serif oo loo isticmaalo dhammaan miisaanka laga bilaabo 300 (xidhiidhada) ilaa 600 (bandhig), taasoo siinaysa nidaamka qaab tifaftiran oo la safeeyey oo ay ka maqan yihiin shirkadaha fintech badankood. Kaararka waxay ku dul sabbeeyaan dusha sare ee cad ee waaweyn oo leh hooska khafiifka ah, lakabaysan; inta badan walxaha is-dhexgalka waa siman yihiin, iyadoo qoto dheer ay ka muuqato oo keliya meesha kaarku u ekaan karo shay jireed (qalabka macaamilka, tusaalooyinka alaabta). Koodhka iyo xogta maaliyadeed waxaa lagu soo bandhigay midab buluug ah oo midab badda ah - calaamad muuqaal ah oo muujinaysa in kani yahay bangi ay dhiseen injineerada injineerada.
Qaab-dhismeedka bogga waa mid ballaaran, oo xuddun u ah dhinacyada ballaaran (64–15 cm miiska saaran). Shaashadda ugu weyn waa qaab-dhismeed kala qaybsan: cinwaanka iyo wicitaanada ficilka waxay ku toosan yihiin bidix 25 cm, halka aaladda macaamilka ee sabeynaya ay ku taal midig 55 cm iyadoo ka soo horjeedda asalka khariidadda badhkeed. Hoos shaashadda ugu weyn, qaybaha ayaa u dhexeeya caddaan (4 cm) iyo shiraac khafiif ah (5 cm) oo leh 6 cm oo godad toosan ah. Waxyaabaha ku jira waxaa loo habeeyay iyadoo loo eegayo hal shabag oo 6-tiir ah: baloogyada qoraalka waxay ku jiraan 4 tiir (7 cm), kaararka sawirka/alaabta waxay ku jiraan 5-6 tiir, iyadoo si ula kac ah looga beddelayo shabagga. Qaybaha sharraxaya sifooyinka waxay isticmaalaan qaab-dhismeed 2-tiir ah: qoraal bidixda ah, badeecadda midig. Qaybta tirakoobka kalsoonida waxaa loo qaybiyaa shabakad 4-tiir ah oo ku baahsan ballaca buuxa ee bogga. Astaamaha macaamiisha waxay ku yaalliin saf hal dhexe ah oo leh godad 48px ah. Hoosta hoose waxay leedahay qaab-dhismeed laba-tiir ah oo isku dhafan. Navigation-ku waa baar sare oo go'an, dhererkiisuna yahay 62px, oo hufan oo ka sarreeya shaashadda ugu weyn, oo leh asal mugdi ah oo isu beddelaya caddaan markaad rogrogto. Ma jiro dhinac-dhinac ama liis aad u weyn—hoos-u-dhaca waa liisaska fudud ee qaabka fallaarta.
Qaabka muuqaalku waa mid aad u yar oo shaqeynaya—Tiirka gebi ahaanba wuu ka fogaadaa sawir qaadista kaydka. Luqadda muuqaalka waxaa lagu dhisay saddex ilo: (1) Sawirada xogta SVG, gaar ahaan khariidadda adduunka ee halftone-ka ah ee dhibcaha leh, oo lagu sameeyay jaantus laga bilaabo indigo ilaa oranji ilaa turquoise, taasoo abuuraysa jawi caalami ah oo ka dambeeya curiyaha ugu weyn; (2) qaababka kaarka badeecadaha—widgets-ka sabeynaya ee muujinaya dheelitirka akoonka, faahfaahinta wareejinta, iyo qaybo ka mid ah koodhka JSON ee kaararka cad oo leh hooska riwaayadaha leh; (3) muuqaallada jaantuska—shamac turquoise ama jaantusyada baararka oo leh khadad isku xiran oo khafiif ah oo loo isticmaalo qaybta kalsoonida/tirakoobka. Khariidadda halftone waa walax muuqaal ah oo saxiix ah—isbeddelkeeda kala-guurka ee ka imanaya #d65620 (liimi) iyada oo loo marayo buluug, buluug, buluug, buluug, turquoise, iyo jaalle, oo abuuraya muuqaal mideeya dhammaan palette-ka summada oo ku yaal hal dusha qurxin ah. Astaamaha waxay leeyihiin dhumuc duluceed oo isku mid ah oo ah 1.5–2px noocyada #232730 ama #a9acb6, oo leh buuxin xaalado firfircoon. Ma jiraan sawirro qaab nololeed ah, mana jiraan sawirro 3D ah oo aan la taaban karin - xakamaynta ayaa ujeeddadeedu tahay in diiradda la saaro badeecada iyo xogta.
Paleetka
Summada
- Indigo Navy
#111a4a— Midabka summada aasaasiga ah waxaa loo isticmaalaa wicitaanada buuxa ee ficilka, xaaladaha navigation-ka firfircoon, cinwaanka, iyo astaanta. Midabka buluugga-violet-ka qotoda dheer wuxuu siinayaa goobta midab madow oo adag laakiin hodan ah; oo lagu daray qoraal cad, wuxuu abuuraa badhanka ugu kalsoonida badan ee goobta. - Seafoam 600
#44b48b— Midabka koodhka iyo xogta waa midabka summada ee furayaasha JSON, aqoonsiyada, iyo qiimayaasha dhaqaale ee qaybaha koodhka. Waxa kale oo loo isticmaalaa dhibcaha xogta ee jaantusyada iyo muuqaallada kobaca. - Seafoam 700
#167e6c— Hoos madow oo xumbo badeed ah oo loogu talagalay dulmar, xariiqyada jaantuska, iyo astaamaha ku jira macnaha xogta. Tani waxay ku tiirsan tahay miisaanka xumbo badeedka ee ka soo horjeeda asalka madow. - Seafoam 400
#94efb7— Qaybta koodka ee la iftiimiyay waxay ka kooban tahay qiimayaal xarig ah, URL-yo, iyo meelaha ugu dambeeya ee API ee ku jira baloogyada koodka. Midabka ugu fudud ee xumbo badda wuxuu u eg yahay far hal-meel ah oo leh midab cagaaran. - Deep Sea
#023247— Midabka qurxinta iyo lahjadda jaantuska waa midab turquoise ah oo qani ah oo loo isticmaalo sawirrada SVG iyo muuqaallada xogta, oo ay weheliso cabbirka midabka xumbada badda.
Dhexdhexaad
- Midnight Ink
#011821— Dusha madow iyo qoraalka la iftiimiyay - asalka kaarka badeecada, qoraalka ugu muhiimsan ee isbarbardhigga sare leh. U dhow cawlan oo leh midab buluug-cagaar qabow; loo isticmaalo saldhig ahaan qaabka mugdiga ah marka qayb loo baahan yahay in la rogo. - Slate Ink
#3b3e47— Cinwaanka labaad iyo qoraalka ugu muhiimsan ayaa ka diirran Midnight Ink, oo loo isticmaalo meesha madowga saafiga ah uu aad ugu adag yahay shiraaca iftiinka leh. - Steel
#7c7f88— Qoraalka ugu muhiimsan iyo qoraalka isku xirka waxaa ugu badan midab aan la qarin (waxaa loo isticmaalay 245 jeer qoraalka ugu muhiimsan). Midab cawlan-buluug dhexdhexaad ah oo loo arko mid deggan, oo aan waligiis ahayn sawir la dhaqay. - Fog
#a9acb6— Astaamaha dulmar, xuduudaha saddexaad, iyo qoraalka booska haystaha. Midab cawlan oo dhexdhexaad ah oo kala soocaya qoraalka iyada oo aan la tartamin. - Mist
#cbcccf— Qoraalka ugu muhiimsan - saxiixyada, afeefta, iyo daabacaad yar - waa mid laga akhrin karo asal cad, laakiin si aan muuqaal ahaan loo dareemi karin. - Silver Lining
#e3e4e8— Xuduudaha kaararka, xuduudaha goobaha la geliyo, khadadka kala qaybiya. Midabkan qaab-dhismeedka ah, ee khafiifka ah waxaa loo isticmaalaa halkaas oo laba dusha sare loo baahan yahay in la kala saaro iyada oo aan lahayn hoos.
Nooca qoraalka
laga bilaabo 10 ilaa 60px · 10 tallaabo
- SuisseIntl — beddelka: Inter · dulmar guud 300, 400, 500, 600 · Farta aasaasiga ah - waxaa loo isticmaalaa dhammaan cinwaanada, qoraalka jirka, badhamada, navigation-ka, isku xirka, iyo qoraalka kaarka. Joomatari ahaan sans serif-ka gaarka ah wuxuu siinayaa Column qaab tifaftireed oo gaar ah, isagoo ka soocaya shirkadaha kale ee fintech ee si gaar ah ula shaqeeya Inter-only. Miisaanka waa 600 at 52–60px cinwaanada, 500 cinwaanada hoose, 400 ee qoraalka jirka, iyo 300 xiriiriyeyaasha xoogga la saarayo.
- SuisseIntlMono — beddelka: JetBrains Mono · dulmar guud 400 · Farta farta ah oo isku mid ah oo la mid ah SuisseIntl, oo loo isticmaalo calaamadaha farsamada, aqoonsiga API-ga, iyo xogta ku jirta walxaha UI. Waxay ilaalisaa isla saamiga SuisseIntl, sidaa darteed qoraalka isku mid ah iyo kan isku mid ah ayaa si sax ah isugu habboon xaaladaha isku dhafan.
- SFMono — beddelka: Fira Code · dulmar guud 400 · Bandhigga qaybta koodhka - oo lagu soo bandhigay tusaalooyinka JSON iyo baloogyada dukumentiyada API. Hooska xumbo badda ayaa loo isticmaalaa in si muuqaal ah loogu kala saaro koodhka iyo qoraalka UI.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | celcelis |
| Tallaabada aasaasiga ah | 8px |
| Gacanka badhanka | 8px |
| Gacanka kaarka | 8px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 72px |
| Ballaca bogga | 1200px |
AI waxay website-kaaga ku dhisi doontaa qaabka Column 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
- dope.security — Saldhigga saqda dhexe oo leh calaamado guduudan
- Leonardo — Matxaf tifaftire oo rogrogmay. Matxaf derbi madow leh oo cinwaannada guduudan ay u dhaqmaan sidii rakibidda derbiyada, iyo sawirro AI-ku sameeyay oo ku dheggan shabag cufan oo hoose.
- VEED — Derbiga sawir-gacmeedka cad oo leh badhamada nalalka cagaaran ee neon
- Craft Docs — Sawir dhijitaal ah oo loogu talagalay qorista buugaagta. Naqshaduhu waxay u egyihiin buug xusuusin ah oo feker leh oo taabanaya, halkaas oo qoraallada dijitaalka ah ee qaabaysan ay isku daraan qaabab jilicsan oo dabiici ah.
- Letter — Matxaf gaar ah oo muujinaya farshaxanno dhalaalaya oo laga soo qaaday kaydinta. Meel bandhig ah oo derbi madow leh oo cinwaanno sir ah ay ka dul sabbeeyaan farshaxanka chrome-ka ee ku yaal darbiyada midabaysan ee gallery-ga.
- Railway — Cosmic Midnight Express. Safar deggan oo xiiso leh oo dhex mara meel mugdi ah oo iftiimaysa xiddig, oo ay hagayaan calaamado cadcad.
- Garden Eight — Tifaftire weyn oo ku saabsan warqad midab kareem ah. Cinwaanka serif-ka 215px wuxuu kaligiis ku fadhiyaa warqad diirran, oo ay ku hareeraysan yihiin qaabab farshaxan oo sabeynaya iyo meel bannaan oo taban oo xasuusinaysa hawada badda - boggu wuxuu u eg yahay daboolka sawir farshaxan halkii uu ka ahaan lahaa dashboard.
- Steep — Falanqaynta Farta Serif ee Warqadda Diiran
- 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
- AI for Business — Bandhig tifaftire oo arxan darro ah oo leh codad cawlan oo diiran