Dala
ib lub hnub qub uas nyob saum cov ntaub dub
Dala nthuav tawm qhov chaw tsaus ntuj uas cov xim dub sib ntsib ib qho xim av ci ntsa iab, cuam tshuam los ntawm cov xim amber sparkles. Cov ntawv sau yog monolithic thiab tsis hnyav - PPNeueMontreal, ib qho 400-qhov hnyav typeface, dominates txhua lub npe ntawm qhov loj me (78–113px) nrog kev sib nrug ntawm cov ntawv tsis zoo, ua rau cov npe zoo li sculptural ntau dua li cov ntaub ntawv qhia. Lub chaw pom yog ib pawg ntawm cov khoom me me, ntau xim triangular, tsim ib lub hlwb organic, uas ua haujlwm ua lub cim qhia ntawm lub hom phiaj: kev paub pom tau tias yog kev txawj ntse faib tawm es tsis yog cov ntaub ntawv hierarchical. Qhov layout ua raws li ob-kab lus rhythm dav - cov npe loj, sab laug-aligned paired nrog lub cev loj copy, floating tawm tsam lub keeb kwm yav dhau dub huv si tsis muaj panels, thav duab, lossis daim npav. Cov khoom raug txo kom tsawg rau lawv daim ntawv tseem ceeb tshaj plaws: ib lub pob tshuaj ntsuab, cov ntawv txuas zais, thiab cov ntawv loj.
Cov ntu dav tag nrho tau muab tso rau ntawm daim ntaub dub huv si, nrog rau qhov dav tshaj plaws ntawm cov ntsiab lus ntawm ~ 1280px nyob hauv nruab nrab. Cov ntu tseem ceeb muaj ob kab ntawv tsis sib xws: lub npe loj uas sib dhos sab laug (113px) nrog cov ntawv tseem ceeb thiab kev hu kom ua haujlwm ntawm ib nrab sab laug, thaum lub zeem muag "lub hlwb me me" nyob rau ib nrab sab xis ntawm qhov loj heev. Cov ntu tom ntej hloov pauv ntawm ob kab ntawv (sab laug pom / ntawv sab xis, tom qab ntawd ntawv sab laug / ntawv sab xis pom), tsim kom muaj zig-zag nyeem ntawv rhythm. Cov gutters ntawm cov ntu yog dav (60–120px ntsug). Tsis muaj daim npav grids, cov lus teev nqi, lossis ntau kab lus piav qhia nta - cov ntsiab lus tau teeb tsa hauv ob kab ntawv dav dav. Kev taw qhia yog ib qho minimalist pob tshab sab saum toj bar, tsis muaj sidebar lossis mega-menu. Qhov ceev ntawm cov ntsiab lus yog siab heev - ib lossis ob lub ntsiab lus ib qho viewport, yeej tsis muaj ntau dhau nrog cov ntaub ntawv.
Tus qauv tsim pom yog ua raws li cov txheej txheem thiab tsis pom tseeb—tsis muaj duab tsuas yog cov duab pab pawg xwb. Lub cim lag luam pom yog huab cua ntom ntom ntawm ntau txhiab tus me me, cov duab peb ceg uas tau tsim ua ib daim duab puv npo, ci ntsa iab (violet, amber, turquoise, ntshav, xiav), tsim ib lub hlwb/neuron zoo li organic. Lub teb khoom no yog animated thiab ua haujlwm ob qho tib si ua daim duab tseem ceeb thiab ua lub cim lag luam. Cov khoom nyob ib puag ncig, ntawm qhov ceev qis dua, txav mus hla nplooj ntawv keeb kwm yav dhau los. Cov duab peb ceg muaj cov kab, qhov hnyav kab 1-2px, cov npoo ntse, thiab cov xim nplua nuj, chromatic—yeej tsis yog greyscale. Cov duab pab pawg tau tso tawm ua cov duab plaub fab loj, puag ncig (124px radius) tsis muaj ciam teb lossis sib tshooj. Tsis muaj cov duab thaij duab khoom, tsis muaj cov duab ua neej nyob, tsis muaj 3D renders—lub kaw lus khoom YOG lub npe pom.
Xim av
Hom
- Electric Iris
#8052ff— Cov nyees khawm tseem ceeb, lub logo, thiab cov khoom dai ntawm hom lag luam yog ib xim ntshav nplua nuj, uas qhia txog kev sib cuam tshuam thiab kev sib raug zoo ntawm hom lag luam tawm tsam keeb kwm yav dhau dub.
Nruab nrab
- Void
#000000— Cov nplooj ntawv canvas, cov keeb kwm yav dhau los, qhov chaw tsis zoo - qhov chaw tseem ceeb yog dub huv si, tsis yog xim grey tsaus, tsim kom muaj qhov khoob uas tso cai rau cov xim chromatic kom ntab tau yooj yim. - Bone White
#ffffff— Cov ntawv sau hauv qab, cov ntawv hauv lub cev, cov cim sau, lub xeev kev taw qhia nquag - tsuas yog xim typographic uas muab cov qib siab tshaj plaws ntawm keeb kwm yav dhau dub. - Ash Gray
#9a9a9a— Cov ntawv qhia kev uas tsis pom tseeb, xim txuas uas pom tseeb, thiab cov ntawv ntxiv raug zais tom qab cov ntawv tseem ceeb yam tsis pom. - Silver Mist
#bdbdbd— Cov ntawv ntxiv, cov ntaub ntawv ntawm theem lus piav qhia - xim grey ntsiag to thiab nyeem tau yooj yim tshaj plaws, los txhawb cov ntsiab lus. - Saffron Spark
#ffb829— Kev ua kom pom tseeb cov ntawv nyeem, kev sib txuas ua kom pom tseeb, thiab kos cov neeg mloog nrog cov cim kab lus—daj sov so tawm tsam keeb kwm yav dhau los xim av ua rau muaj kev ntxhov siab rau lub hom. - Deep Verdant
#15846e— Qhov xim thib ob ntawm qhov chaw, lub logo gradient nres, qhia nws tus kheej ua ntug tsaus dua ntawm qhov gradient ntawm lub hom thiab nyob rau hauv daim ntawv ntawm kev hloov pauv accent uas tsis tshua pom tseeb.
Kev sau ntawv
txij li 12 mus rau 113px · 10 kauj ruam
- PPNeueMontreal — hloov: Inter · cov qauv qhia 200, 400, 600, 700 · Ib daim ntawv sau sib xws siv thoob plaws txhua qhov UI. Cov npe hauv qhov loj me (78–113px) siv qhov hnyav 400 nrog -0.04em tsab ntawv sib nrug - tib qhov hnyav li daim ntawv theej lub cev, tab sis qhov loj dua tsim cov kab ke. Qhov hnyav 200 (ib daim ntawv ultra-light) yog tseg rau 18px lub cev luam; qhov no yog qhov kev txiav txim siab tshwj xeeb ntawm hom: feem ntau AI / SaaS qhov chaw siv 400 rau lub cev luam, tab sis Dala txo qhov hnyav kom khaws cov kab lus kom airy thiab tsis-aggressive. Qhov hnyav 600 nrog 14px tsab ntawv sib nrug, 0.025em tsab ntawv sib nrug, thiab tag nrho cov ntawv loj yog siv rau kev taw qhia thiab cov npe me me. Kev siv 400 rau ob qho tib si 113px lub npe thiab 15px lub cev luam yog qhov tsis tshua muaj - nws qhia tias lub hom lag luam vam khom qhov ntsuas, tsis yog qhov hnyav, los tsim cov kab ke.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 6-18px |
| Lub vojvoog ntawm lub pob | 24px |
| Lub vojvoog ntawm daim npav | 24px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 60-120px |
| Qhov dav ntawm nplooj ntawv | 1280px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Dala 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
- Linear — cov cuab yeej ntsuas qhov tseeb thaum ib tag hmo
- Resend — velvet dub nrog xim neon ntshav
- Ciridae — Ib chav khoob nrog lub suab ntawm cov hluav taws kub hnyiab - lub tsev teev ntuj dub uas tsuas yog lub suab sov yog ib txoj kab nyias ntawm xeb, thiab txhua qhov chaw yog txhais los ntawm cov kab zoo es tsis yog duab ntxoov ntxoo.
- Dovetail — Ib daim duab qhia hauv qab lub hli dub—cov kab kos uas tsis pom tseeb, cov ntawv dawb, ib qho ci ntsa iab xim ntshav
- Neon — Ib chav server tom qab tsaus ntuj. Tsaus ntuj xwb, qhov uas tsuas muaj lub teeb los ntawm cov ntaub ntawv thiab kev sib cuag ntawm cov neeg siv.
- Discord — Lub ntiaj teb ua si tau zais tom qab lub qhov rais sib tham pop-up - txhua ntu yog ib puag ncig uas muaj nws tus kheej lub teeb thiab cov cim.
- Aaru — Lub Chaw Saib Xyuas Particle Field thaum ib tag hmo
- Atlas Card — Lub Qhov Rooj Vag Ib Tag Hmo, nrog nws lub teeb sapphire ib sab, yog lub tshav puam dub nciab uas tsuas muaj qhov tseem ceeb xwb yog xim xiav hluav taws xob tob.
- Midjourney — Ib lub chaw nres nkoj uas muaj teeb pom kev zoo nyob hauv dej hiav txwv tob. Ib lub ntiaj teb tob uas kev txawj ntse tsim nws tus kheej hauv ASCII cov kwj deg, thiab cov kev tswj hwm zoo li cov qauv ci ntsa iab me ntsis.
- Checkly — Chaw Tswj Xyuas Lub Hom Phiaj Deep Orbit
- Krea — gallery noir thaum ib tag hmo
- Wope — Wope yog lub interface ntawm lub qab ntuj khwb xim av. Xav txog lub rooj saib hnub qub tsaus ntuj uas muaj lub teeb xim av ci ntsa iab los ntawm hauv qab iav.