Dub
Link lub vaj huam sib luag tswj hwm daim ntawv nplej matte
Dub lub kaw lus pom muaj qhov kev txwv, yuav luag zoo li kev kho kom zoo nkauj SaaS: daim ntaub canvas ze li dawb tuav ua ke los ntawm cov ciam teb nyias nyias es tsis yog cov ntsiab lus tawm, nrog rau cov ntawv monochrome tuab muab kev txhawb nqa cov qauv thiab ib qho xim xiav ci (# 2563eb) ua ib qho lus hais. Cov nto tseem tiaj tus thiab tsis muaj thav duab thaum xub thawj siab, tab sis txhua lub thawv muaj 1px # e5e5e5 ntug, ua rau muaj kev xav ntawm daim ntawv luam tawm. Tus cwj pwm yog ua tiav los ntawm ib pawg me me ntawm cov xim "tshuaj ntsiav" accents (txiv kab ntxwv, ntsuab, ntshav) uas ntab saum toj ntawm lub palette nruab nrab, thiab cov headers uas xav tias muaj kev ntseeg siab thiab niaj hnub yam tsis muaj flashy. Cov khoom yog compact thiab ntom: 8px gutters, 12px daim npav vojvoog, cov ntawv lo zoo li ntsiav tshuaj ntawm 9999px, thiab cov tswj tsis pom es tsis txhob hnyav, puv khawm.
Cov nplooj ntawv no yog tsim los ntawm qhov layout nruab nrab nrog qhov dav tshaj plaws ntawm kwv yees li 1200px. Lub ntsiab lus tseem ceeb yog ib daim ntawv sau nruab nrab nrog peb lub ntsiab lus ntab (Affiliate Programs, Conversion Analytics, Short Links) uas nyob rau hauv kab rov tav saum toj ntawm qhov layout khoom loj. Cov seem tau teeb tsa ntsug nrog cov gutters 64px sib xws, hloov pauv ntawm cov ntaub dawb thiab #f5f5f5 daim ntawv haze rau kev sib cais tonal. Cov seem hauv qab siv cov qauv Z-puab: cov ntawv sau kho kom raug nyob rau hauv nruab nrab thib peb, thiab cov ntawv UI ntab tau anchored rau sab laug thiab sab xis margins, tsim kom muaj asymmetrical, zoo li phau ntawv xov xwm rhythm. Lub logo huab yog ib daim phiaj 5x2 yooj yim, nyob rau hauv nruab nrab ntawm nplooj ntawv. Navigation yog ib qho minimalist sab saum toj bar - logo nyob rau sab laug, navigation nyob rau hauv nruab nrab, ib pawg ntawm ob lub khawm (lub pob "Login" dab + lub pob "Register" puv) nyob rau sab xis - tsis muaj cov ntawv qhia zaub mov ruaj khov lossis mega-menu. Lub qhov rais tseem ceeb ntawm lub dashboard layout qhia txog cov qauv app ob-kab: ib qho sidebar ruaj khov (zoo ib yam li 240px) + thaj chaw cov ntsiab lus uas txhais qhov ceev ntawm cov ntaub ntawv khoom rau cov neeg tuaj saib ua ntej lawv pib scrolling.
Cov duab yog tsom mus rau cov khoom lag luam, tsis yog tsom mus rau kev ua neej. Lub vijtsam tseem ceeb yog nyob rau ntawm daim duab loj ntawm lub dashboard, sawv cev rau lub ntiaj teb tiag tiag ntawm cov khoom lag luam nrog rau kev taw qhia sidebar, cov ntaub ntawv teev, thiab cov ntsiab lus UI ntab, teeb tsa ua lub vaj huam sib luag tiaj tus ntawm daim ntaub dawb. Cov cim lag luam ntawm cov neeg siv khoom tau tso tawm hauv daim phiaj greyscale desaturated (beehiv, superpower, Chatbase, thiab lwm yam) los lees paub lawv cov kev ua tau zoo hauv social media, tshem tawm xim kom tso cai rau ib qho xiav ntawm nplooj ntawv kom tseem ceeb. Daim npav khub ntab (cov ntaub ntawv me me thiab cov vuas nrog cov ntaub ntawv nyiaj tau los / kev them nyiaj) txav mus los ntawm cov ntawv sau hauv qab, tsim kom muaj kev nkag siab tob yam tsis siv cov duab ntxoov ntxoo ntawm cov ntawv nws tus kheej. Cov qauv keeb kwm yav dhau los ntawm daim phiaj dotted yog qhov tshwj xeeb: ib kab nyias nyias ntawm cov dots me me nrog qhov tsis pom tseeb tsawg heev tsim cov qauv thiab qhov kev xav ntawm lub kaw lus tsim / qhov chaw kos duab, hais txog qhov chaw ntawm lub xaib ua "lub platform txuas niaj hnub." Lub cim yog tsawg kawg nkaus, nrog cov kab thiab cov ntawv sau, thiab siv cov xim palette (txiv kab ntxwv tangerine, ntshav lavender, ntsuab mint) rau cov cim npe. Tsis siv cov duab, cov duab kos, lossis cov qauv 3D—lub interface ntawm cov khoom nws tus kheej yog ib hom lus pom.
Xim av
Hom
- Electric Blue
#2563eb— Cov xim tseem ceeb ntawm hom lag luam—lub logo, cov kev sib txuas, cov cim qhia kev ua tau zoo, cov xwm txheej ua haujlwm, thiab cov cim qhia—yog siv. Xim xiav nplua nuj ntawm keeb kwm yav dhau dawb ua rau lub kaw lus tsuas yog qhov zoo nkauj xwb. - Deep Sapphire
#1e40af— Lub keeb kwm yav dhau tseem ceeb ntawm lub pob ua haujlwm, qhov sau ua ntawv tuab ntawm kev hu kom ua haujlwm - tib xim uas qhia txog kev ua haujlwm - yog siv tsawg tsawg los nyiam kev mloog.
Nruab nrab
- Canvas White
#ffffff— Keeb kwm yav dhau ntawm nplooj ntawv, daim npav nto, cov vaj huam sib luag pop-up yog lub hauv paus tseem ceeb ntawm txhua qhov screen. - Paper Mist
#f5f5f5— Kev hloov xim maj mam rau cov ntawv nested, cov vaj huam sib luag ntxiv, thiab cov ntawv sau. - Ash
#e5e5e5— Cov ciam nyias nyias ntawm cov phaib, cov qhov txuas nkag thiab cov khoom faib yog cov kab qauv uas tuav lub kaw lus ua ke. - Smoke
#d4d4d4— Cov ciam teb ntse dua rau cov thawv xaiv thiab cov kab kos ntxiv rau khawm. - Pebble
#c8c8c8— Cov ciam teb, cov kab kos tswj, thiab cov kab faib cov qauv nrog qhov sib txawv nruab nrab. Xim no yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua haujlwm. - Midnight Ink
#0a0a0a— Cov ntawv tseem ceeb ntawm cov nyees khawm, cov nyees khawm uas tau cim tseg, thiab cov ntawv qhia kev yuav luag dub rau qhov sib txawv ntau tshaj plaws.
Kev sau ntawv
txij li 11 mus txog 48px · 9 kauj ruam
- Satoshi — hloov: Inter (weight 500 · cov qauv qhia 500 · Cov Npe Hauv Paus - tsuas yog siv rau hauv 36–48px kab rau cov npe hauv paus thiab ntu. Qhov hnyav ntawm cov ntawv - 500 (nruab nrab, tsis yog tuab): Cov npe hauv paus zoo li muaj kev ntseeg siab thiab niaj hnub, tab sis yeej tsis muaj zog dhau. Satoshi cov qauv geometric muab cov ntawv sau me ntsis kev kho kom zoo nkauj, niaj hnub uas Inter lub cev luam tsis tuaj yeem rov ua dua.
- Inter — hloov: Inter (native) · cov qauv qhia 400, 500, 600 · Cov ntawv luam ntawm lub cev, cov ntawv lo rau UI, kev taw qhia, cov ntawv sau me, thiab cov ntawv sau me. Inter yog lub luag haujlwm tseem ceeb, tswj txhua yam los ntawm 11px micro-labels mus rau 30px cov ntawv sau thib ob. Qhov hnyav ntawm 400 yog lub neej ntawd rau cov ntawv luam ntawm lub cev, 500 rau cov ntsiab lus tseem ceeb thiab cov ntawv sau khawm, thiab 600 yog tseg rau cov ntawv sau UI tseem ceeb. 16px nrog qhov siab ntawm kab ntawm 1.5 yog qhov loj me ib kauj ruam uas ntsib ntau tshaj plaws (1220 qhov tshwm sim), lees paub tias 16px yog qhov loj me ntawm lub cev.
- Geist Mono — hloov: JetBrains Mono or IBM Plex Mono · cov qauv qhia 400, 500 · Cov code snippets, technical metadata, thiab embedded monospaced tokens siv rau hauv code blocks ntawm 12–14px thiab hauv cov code display elements loj ntawm 24px. Qhov no ua kom ntseeg tau tias cov cuab yeej tsim tawm muaj kev ntseeg siab, sib xws nrog Dub qhov chaw khoom.
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 | 12px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 64px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Dub 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
- 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
- Seline Analytics — Ib lub rooj tshuaj xyuas ntsiag to ntawm daim ntawv sov
- Notion — Ib phau ntawv sau sov so hauv lub hnub nruab hnub
- Anthropic — Ib phau ntawv sau txog kev tshawb fawb txog cov ntaub vellum sov so—cov nplaim dawb mos mos, cov ntawv sau ua serifed, thiab ib qho av nplaum uas tsuas tshwm sim thaum xav tau kev nqis tes ua xwb.
- Calendly — Xim xiav tsaus nti rau ntawm marble txias
- Augen Pro — Kua cov xim dawb muaj xim xiav uas tsis hnyav, kho mob, thiab hluav taws xob ua lub ntsiab lus tseem ceeb hauv qhov chaw monochrome.
- Antimetal — Ib zaj dab neeg sau txog kev sau xov xwm ntawm daim ntawv dawb - ib tag kis sawv ntxov ntsiag to ntawm phau ntawv xov xwm tshawb fawb, qhov twg kev tswj hwm qhia txog kev ntseeg siab thiab cov ntawv serifs ua qhov hnyav.
- Perk — Txiv qaub ntsuab hluav taws xob rau ntawm daim ntawv parchment sov
- Ditto — Ib lub chaw ua haujlwm uas muaj hnub ci ntsa iab los tsim cov qauv paj ntoo qus. Cov nplaim paj dawb sov so, xim daj ci ntsa iab, cov kua xim xiav xiav tob tob, cov xim organic tawg paj tom qab daim duab.
- Officevibe — Ib phau ntawv xov xwm sau txog kev tswj hwm HR uas siv daim ntawv xim dawb sov so. Xav txog ib tsab ntawv sau txog kev tswj hwm HR, uas tau nthuav tawm ua ib yam khoom - ib daim ntawv sau ua ntawv cursive serif uas hais lus ntsiag to los ntawm lub interface xiav niaj hnub.