Column
ib daim ntawv teev npe xiav tsaus nti hauv qab lub hnub ci txias
Cov kem siv xim xiav tsaus nti, tob tob, thiab muaj keeb kwm yav dhau dawb: nplooj ntawv zoo li qhov chaw ua lag luam hauv tuam txhab nyiaj thiab qhov chaw ua si ntawm tus tsim tawm thib ob. Xim ntawm lub hom lag luam tsis yog ib qho xwb, tab sis yog ib khub sib koom ua ke—xim xiav tsaus nti #111a4a rau cov qauv loj, ntsuab mint #44b48b rau cov ntaub ntawv thiab code—nrog rau ib qho xim txiv kab ntxwv sov (#ec652b) uas tseg rau cov chaw muaj zog siab xws li daim npav Brex. Cov ntawv sau yog SuisseIntl, ib daim duab geometric sans serif siv thoob plaws tag nrho qhov hnyav ntawm 300 (txuas) txog 600 (zaub), muab lub kaw lus zoo nkauj, cov qauv kho kom zoo nkauj uas feem ntau cov tuam txhab fintech tsis muaj. Daim npav ntab rau ntawm cov chaw dawb loj nrog cov duab ntxoov ntxoo me me; feem ntau cov ntsiab lus interface yog tiaj tus, nrog qhov tob tsuas yog qhov twg daim npav yuav tsum zoo li ib yam khoom siv (cov khoom siv pauv nyiaj, cov khoom lag luam mockups). Cov lej thiab cov ntaub ntawv nyiaj txiag tau nthuav tawm hauv monochrome, xim hiav txwv-xim-ib qho cim qhia tias qhov no yog lub txhab nyiaj tsim los ntawm cov engineers rau cov engineers.
Cov qauv nplooj ntawv yog qhov dav tag nrho, nyob hauv nruab nrab nrog cov npoo dav (64–15 cm ntawm lub desktop). Lub vijtsam tseem ceeb yog qhov sib cais: lub npe thiab kev hu kom ua haujlwm tau teeb tsa sab laug ntawm 25 cm, thaum lub widget kev lag luam ntab tau muab tso rau sab xis ntawm 55 cm tawm tsam keeb kwm yav dhau los daim ntawv qhia ib nrab. Hauv qab lub vijtsam tseem ceeb, cov ntu hloov pauv ntawm dawb (4 cm) thiab lub teeb canvas (5 cm) nrog 6 cm ntsug gutters. Cov ntsiab lus tau teeb tsa raws li ib daim phiaj 6-kab: cov ntawv nyeem nyob hauv 4 kab (7 cm), daim duab / khoom daim npav nyob hauv 5–6 kab, nrog kev sib txawv ntawm daim phiaj. Cov ntu piav qhia txog cov yam ntxwv siv 2-kab layout: ntawv nyeem nyob rau sab laug, khoom nyob rau sab xis. Cov ntu txheeb cais kev ntseeg siab tau muab faib ua 4-kab grid hla tag nrho qhov dav ntawm nplooj ntawv. Cov cim lag luam ntawm cov neeg siv khoom nyob hauv ib kab nruab nrab nrog 48px gutters. Lub footer muaj qhov layout compact ob-kab. Qhov kev navigation yog ib qho bar sab saum toj uas ruaj khov, siab 62px, pob tshab saum toj kawg nkaus ntawm lub vijtsam tseem ceeb nrog lub keeb kwm yav dhau tsis meej uas ploj mus rau dawb thaum koj scroll. Tsis muaj sidebar lossis mega-menu - cov dropdowns yog cov ntawv qhia zaub mov yooj yim zoo li xub.
Tus qauv pom yog minimalist thiab ua haujlwm tau zoo - Column zam kev thaij duab hauv Tshuag. Cov lus pom yog tsim los ntawm peb qhov chaw: (1) SVG cov duab kos, tshwj xeeb yog daim ntawv qhia ntiaj teb halftone dotted, ua nrog gradient los ntawm indigo mus rau txiv kab ntxwv mus rau turquoise, tsim kom muaj huab cua ntawm thoob ntiaj teb tom qab lub ntsiab lus tseem ceeb; (2) cov qauv daim npav khoom - cov widgets ntab uas qhia cov nyiaj tshuav nyiaj, cov ntsiab lus hloov pauv, thiab JSON code snippets hauv daim npav dawb nrog cov duab ntxoov ntxoo zoo nkauj; (3) daim ntawv qhia pom - turquoise candlestick lossis bar charts nrog cov kab txuas nyias siv hauv seem kev ntseeg siab / statistics. Daim ntawv qhia halftone yog ib qho kos npe pom - nws cov kev hloov pauv gradient los ntawm # d65620 (txiv kab ntxwv) mus rau violet, xiav, azure, turquoise, thiab daj, tsim ib qho spectrum uas koom ua ke tag nrho cov hom palette ntawm ib qho chaw kho kom zoo nkauj. Cov cim muaj qhov tuab ntawm 1.5–2px hauv # 232730 lossis # a9acb6 variants, nrog rau kev sau rau cov xeev nquag. Tsis muaj cov duab ntawm lub neej, tsis muaj cov duab 3D abstract—qhov kev txwv no yog tsim los kom tsom mus rau cov khoom thiab cov ntaub ntawv.
Xim av
Hom
- Indigo Navy
#111a4a— Xim tseem ceeb ntawm hom lag luam yog siv rau kev hu kom ua haujlwm puv ntoob, cov xwm txheej kev taw qhia nquag, lub taub hau, thiab lub logo. Xim xiav-ntsuab tob ua rau lub xaib muaj xim dub zoo nkauj tab sis nplua nuj; ua ke nrog cov ntawv dawb, nws tsim lub pob tseem ceeb tshaj plaws ntawm lub xaib. - Seafoam 600
#44b48b— Xim ntawm cov lej thiab cov ntaub ntawv yog xim hom rau JSON cov yuam sij, cov cim qhia, thiab cov nqi nyiaj txiag hauv cov lej snippets. Nws kuj tseem siv rau cov ntsiab lus ntawm cov ntaub ntawv hauv cov duab kos thiab kev loj hlob pom. - Seafoam 700
#167e6c— Ib qho xim tsaus dua ntawm cov dej hiav txwv rau cov qauv qhia, cov kab kos duab, thiab cov cim hauv cov ntsiab lus ntawm cov ntaub ntawv. Qhov no ua rau cov nplai dej hiav txwv ruaj khov rau ntawm keeb kwm yav dhau tsaus dua. - Seafoam 400
#94efb7— Cov code fragment uas tau muab qhia muaj cov nqi string, URLs, thiab API endpoints hauv cov code blocks. Cov xim seafoam sib dua tshaj plaws nyeem tau tias yog cov ntawv monospaced nrog xim ntsuab. - Deep Sea
#023247— Cov qauv kho kom zoo nkauj thiab xim ntawm daim ntawv qhia yog xim turquoise nplua nuj siv hauv SVG cov duab kos thiab cov ntaub ntawv pom, nrog rau qhov ntsuas xim hiav txwv.
Nruab nrab
- Midnight Ink
#011821— Qhov chaw tsaus ntuj thiab cov ntawv nyeem uas tau hais meej - keeb kwm yav dhau ntawm daim npav khoom, cov ntawv tseem ceeb uas muaj qhov sib txawv siab. Ze dua li xim grey nrog rau xim xiav-ntsuab txias; siv ua lub hauv paus rau hom tsaus ntuj thaum ib ntu xav tau tig rov qab. - Slate Ink
#3b3e47— Lub npe thib ob thiab cov ntawv tseem ceeb sov dua li Midnight Ink, siv qhov twg cov xim dub yuav zoo li hnyav dhau ntawm daim ntaub canvas. - Steel
#7c7f88— Cov ntawv tseem ceeb thiab cov ntawv txuas yog xim tsis sib xws (siv 245 zaug hauv cov ntawv tseem ceeb). Xim grey-xiav nruab nrab uas pom tau tias nyob twj ywm, tsis muaj duab tsis sib xws. - Fog
#a9acb6— Cov duab qhia txog lub cim, cov ciam teb thib peb, thiab cov ntawv sau. Xim grey nruab nrab uas cais cov ntawv yam tsis muaj kev sib tw nrog nws. - Mist
#cbcccf— Cov ntawv tseem ceeb—cov kos npe, cov lus tsis lees paub, thiab cov ntawv me me—yeej nyeem tau ntawm keeb kwm yav dhau dawb, tab sis pom tsis meej. - Silver Lining
#e3e4e8— Cov ciam teb ntawm daim npav, cov ciam teb ntawm daim teb nkag, cov kab faib. Cov xim zoo li no yog siv rau qhov uas ob qho chaw yuav tsum tau sib cais yam tsis muaj duab ntxoov ntxoo.
Kev sau ntawv
txij li 10 txog 60px · 10 kauj ruam
- SuisseIntl — hloov: Inter · cov qauv qhia 300, 400, 500, 600 · Cov ntawv tseem ceeb - siv rau txhua lub npe, cov ntawv hauv lub cev, cov nyees khawm, kev taw qhia, cov kev sib txuas, thiab cov ntawv hauv daim npav. Cov duab geometric sans serif tshwj xeeb muab rau Column ib qho kev sau ntawv tshwj xeeb, teeb tsa nws sib nrug los ntawm lwm lub tuam txhab fintech ua haujlwm nrog Inter-only. Qhov hnyav yog 600 ntawm 52–60px rau cov npe, 500 rau cov npe me, 400 rau cov ntawv hauv lub cev, thiab 300 rau cov kev sib txuas qis.
- SuisseIntlMono — hloov: JetBrains Mono · cov qauv qhia 400 · Ib hom ntawv monospaced zoo ib yam li SuisseIntl, siv rau cov ntawv cim kev siv tshuab, cov cim API, thiab cov ntaub ntawv embedded hauv cov ntsiab lus UI. Nws tswj cov feem pua ib yam li SuisseIntl, yog li cov ntawv monospaced thiab proportional sib phim kom raug hauv cov ntsiab lus sib xyaw.
- SFMono — hloov: Fira Code · cov qauv qhia 400 · Kev tso saib cov code snippet - tso tawm hauv JSON piv txwv thiab API cov ntaub ntawv blocks. Ib daim duab ntxoov ntxoo seafoam siv los pom qhov txawv ntawm cov code thiab cov ntawv nyeem UI.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 8px |
| Lub vojvoog ntawm daim npav | 8px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 72px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Column thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- dope.security — Lub davhlau ya nyob twg ib tag hmo nrog cov teeb liab ntshav
- Leonardo — Ib lub tsev khaws puav pheej uas muaj phab ntsa dub uas cov xov xwm xim av ua lub luag haujlwm rau kev teeb tsa phab ntsa, thiab cov duab uas AI tsim los dai rau hauv daim phiaj sib sib zog nqus hauv qab.
- VEED — Phab ntsa dawb gallery nrog neon ntsuab teeb nyees khawm
- Craft Docs — Ib daim duab digital collage rau scrapbooking. Tus qauv tsim zoo li ib daim scrapbook uas xav tau thiab kov tau, qhov twg cov ntawv digital uas muaj cov qauv sib xyaw nrog cov qauv mos mos, organic.
- Letter — Ib lub tsev khaws puav pheej ntiag tug uas muaj cov khoom siv ci ntsa iab los ntawm qhov chaw khaws cia. Ib qho chaw ua yeeb yam uas muaj phab ntsa dub uas cov xov xwm muaj cov duab kos serifed ntab saum cov duab puab chrome ntawm cov phab ntsa xim ntawm lub tsev khaws puav pheej.
- Railway — Lub Cosmic Midnight Express. Kev taug kev ntsiag to, zoo siab hla qhov chaw tsaus ntuj, muaj hnub qub ci ntsa iab, coj los ntawm cov teeb liab meej.
- Garden Eight — Ib tsab xov xwm tseem ceeb heev rau ntawm daim ntawv xim dawb. Lub npe 215px serif nyob ib leeg ntawm daim ntawv parchment sov so, puag ncig los ntawm cov duab puab thiab qhov chaw tsis zoo uas ua rau nco txog huab cua hiav txwv - nplooj ntawv zoo li lub hau ntawm ib daim duab kos duab dua li lub dashboard.
- Steep — Kev Tshawb Fawb Txog Serif Fonts Ntawm Daim Ntawv Sov
- ElevenLabs — Ib tsab ntawv sau txog duab hauv xim dawb sov so nrog cov ntawv xov xwm me me. Ib phau ntawv sau ua qauv Bauhaus—daim ntawv xim qe qe, kua dub, thiab ib daim xim ntshav thiab txiv kab ntxwv rau kev tso saib cov khoom.
- Awesomic — Cov ntawv xov xwm zinc mesh nrog cov cim kab lus txiv kab ntxwv uas zoo li confetti
- Monad — phau ntawv xov xwm txog kev kho mob ntawm daim ntawv parchment sov
- AI for Business — Chav tso duab kho kom zoo nkauj hauv cov xim grey sov so