Framer
neon gallery nyob rau hauv qhov khoob
Framer ua haujlwm zoo li qhov tsaus ntuj nti tag nrho—ib daim ntaub dub uas cov ntsiab lus nyob zoo li lub cim neon ntawm qhov qhib chav ua yeeb yam. Cov ntawv xov xwm, teeb tsa hauv GT Walsheim Medium nrog qhov sib nrug ntawm kab nruj ntawm 0.8–1.1 thiab qhov sib nrug ntawm tsab ntawv tsis zoo (-0.04em ntawm 54px), tsim ib daim ntawv sau zoo nkauj uas thawb mus tom ntej es tsis txhob zaum zoo nkauj ntawm nplooj ntawv. Ib qho xiav hluav taws xob (# 0099ff) muab tag nrho cov lus qhia ua haujlwm—ciam teb, ci ntsa iab, cim, lub xeev nquag—thaum lub interface seem tseem tsis muaj xim, vam khom kev hloov pauv grey me me (# 111, # 171717, # 242424) los tsim qhov tob los ntawm dub ntshiab. Cov khoom seem xav tias suav tias yog kev txiav txim siab es tsis yog kho kom zoo nkauj: lub voj voog puag ncig ntawm 8–25px, ciam teb nyias nyias 1px, duab ntxoov ntxoo tsawg kawg nkaus, thiab cov nplaim pom tseeb uas tso cai rau qhov khoob kom ci ntsa iab los ntawm.
Cov ntu dav dav dav tshaj qhov dub canvas, nrog cov ntsiab lus txwv rau qhov dav tshaj plaws ntawm ~ 1200px thiab nyob hauv nruab nrab. Ntu tseem ceeb muaj lub taub hau sab laug thiab ib lub pob hu-rau-kev ua (CTA), nrog rau sab xis txhob txwm tso dawb paug - tsis sib xws, tsis nyob hauv nruab nrab. Cov ntu hloov pauv ntawm cov ntawv-tsuas yog cov qauv (lub taub hau loj + subtext) thiab cov duab thaij duab khoom. Ntu "Los nrog Framer" siv phab ntsa logo hauv daim phiaj 4-kab. Hauv ntu zej zog, daim duab thaij duab khoom raug tso rau hauv lub thawv nruab nrab, dav dav nrog cov ces kaum puag ncig. Kev taw qhia yog tsawg heev - ib daim kab nyias nyias sab saum toj nrog lub logo nyob rau sab laug thiab cov txuas sib dhos rau sab xis, tsis muaj kev tswj pom. Lub suab ntawm ntu: qhov sib txawv ntawm 80px ntsug ntawm cov ntu, tsim cov kob sib txawv ntawm cov ntsiab lus ntab hauv qhov khoob.
Cov duab thaij ntawm cov khoom siv interface tseem ceeb—ua los ntawm lub qhov rais zoo li chrome nrog cov teeb liab teeb liab, cov duab thaij ntawm lub app ua cov duab tseem ceeb. Cov logos, ua pov thawj ntawm qhov zoo, tau nthuav tawm hauv cov ntawv dawb ntawm keeb kwm yav dhau dub nrog qhov dav dav. Tsis muaj duab, cov duab kos, lossis cov duab kos abstract siv—cov lus pom yog cov khoom nws tus kheej, tso tawm ua lub interface muaj sia. Cov qauv cim: minimalist, outlined, monochrome thiab dawb hauv qhov loj me me. Cov ntawv nyeem ceev: feem ntau yog cov ntawv nyeem, nrog qee zaum cov khoom loj hauv daim ntawv ntawm cov duab thaij ntawm cov khoom. Qhov sib npaug ntawm qhov chaw pom tseeb nyiam cov ntawv sau ntau dua li cov duab.
Xim av
Hom
- Vivid Violet
#0066ff— Lub khawm ua haujlwm tseem ceeb yog tib qho chaw hauv lub interface uas muaj keeb kwm yav dhau los ntawm lub khawm xim khov kho.
Nruab nrab
- Bone
#ffffff— Cov npe tseem ceeb, cov ntawv tseem ceeb ntawm keeb kwm yav dhau tsaus ntuj, keeb kwm yav dhau ntawm lub pob yog tib qho chaw ntawm lub teeb. - Void
#000000— Cov ntaub thaiv nplooj ntawv, keeb kwm yav dhau los, daim npav qhov chaw, cov cim sau - txhua yam yog xim dub tsis kawg uas nqus tau txhua yam ntsiab lus tsis tseem ceeb. - Graphite
#111111— Cov ntawv saum npoo uas tsa siab dua yog ib kauj ruam saum toj ntawm qhov khoob - cov ntawv ua haujlwm loj thiab cov thawv modal. - Obsidian
#171717— Qhov chaw nruab nrab rau cov nyees khawm, cov ntawv ntxiv, UI sau - cais cov ntsiab lus sib tham los ntawm cov ntaub canvas. - Slate
#242424— Thaum koj hover, cov teb input thiab cov panels indented yog qhov kaj tshaj plaws nruab nrab ua ntej hloov mus rau hom ntawv. - Ash
#333333— Sau tob rau cov duab keeb kwm yav dhau tsis ua haujlwm thiab cov qauv.
Kev sau ntawv
txij li 12 mus rau 68px · 8 kauj ruam
- sans-serif — hloov: Inter · cov qauv qhia 400 · sans-serif - pom nyob rau hauv cov ntaub ntawv rho tawm tab sis tsis tau piav qhia los ntawm AI.
- GT Walsheim — hloov: Inter Tight · cov qauv qhia 500 · Cov ntawv rau cov npe thiab cov npe yog cov ntawv hom. Nws tau raug condensed aggressively, nrog rau kab sib nrug ntawm 0.8–1.1 thiab tsab ntawv sib nrug ntawm -0.04em txog -0.05em hauv 44–68px ntau yam. Nws tsis yog ib qho khoom dai kom zoo nkauj; qhov sov so geometric ntawm GT Walsheim, ua ke nrog cov ntsuas nruj, tsim lub suab ntawm lub kaw lus - ntseeg siab, compact, thiab me ntsis futuristic. Rau kev qhia geometric zoo sib xws, xav txog Inter Tight lossis Space Grotesk Bold.
- Inter Variable — hloov: Inter · cov qauv qhia 400 · Cov ntawv tseem ceeb, kev taw qhia, thiab cov npe thib ob yog cov haujlwm tseem ceeb. Lub axis Inter Variable tso cai rau kev sib txuas ntawm qhov hnyav. Kev taug qab nqaim thaum qhov loj nce: los ntawm -0.001em mus rau 18px thiab mus rau -0.027em mus rau 22px. Cov qauv hloov pauv tso cai rau kev ua kom du ntawm lub xaib. Kev Hloov: Inter ( Google) - ib qho kev poob qis zoo sib xws.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 10px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 20px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 80px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Framer 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
- Auros — Lub davhlau ya nyob twg tob nrog cov pob ntaub ntawv bioluminescent
- Origin Financial — Ib lub tsev khaws puav pheej thaum ib tag hmo uas muaj kev nplua nuj nyob ntsiag to. Ib chav ntsiag to, yuav luag tsaus ntuj uas cov ntawv loj loj thiab ob peb lub vaj huam sib luag xim ci ntsa iab ua rau muaj kev xav tias kev nyiaj txiag yog ib daim duab kos duab zoo nkauj.
- Raycast — Chaw Ua Haujlwm Ib Tag Hmo, Coral Neon
- Dimension — ib qho chaw ua haujlwm uas muaj teeb pom kev zoo thaum tsaus ntuj nrog cov iav frosted panels
- Reflect Notes — Qhov chaw muaj hnub qub xim av yog lub chaw saib hnub qub tsaus ntuj uas cov ntawv sau ntab zoo li cov hnub qub tawm tsam keeb kwm yav dhau ntawm qhov tsaus ntuj indigo yuav luag dub.
- Ameba — Chav tswj hwm thaum ib tag hmo - lub suab xiav hluav taws xob sab hauv cov iav frosted
- Branding — Phab ntsa dub, cov xim liab ntshav - Cov ntawv loj dawb ntab saum daim ntaub tsaus uas zoo li qhov khoob, cuam tshuam los ntawm ib qho xim liab ci thiab cov khoom dai kom zoo nkauj uas zoo li cov paib hauv tsev khaws puav pheej dua li lub vev xaib.
- Harness — Kev Tswj Xyuas Lub Hom Phiaj thaum ib tag hmo nrog cov xim ntsuab phosphorescent
- Koto — Lub Tsev Duab Obsidian thaum ib tag hmo. Ib lub sam thiaj yuav luag dub nciab, qhov chaw uas tsuas muaj lub teeb sov sov xwb yog ib lub cim daj, thiab lub teeb me me ntab hauv qhov chaw dav dav zoo li cov ntawv tshaj tawm.
- Ohzi — Ib lub voos xwmfab ci ntsa iab dai rau hauv lub tsev khaws puav pheej tsaus ntuj
- Depot — Ib lub server terminal tsaus ntuj nti. Ib lub console developer uas yuav luag dub, nrog ib lub LED ntsuab qhia tias pib ua haujlwm, thiab lwm qhov ntawm lub interface neeg siv tau tso tawm hauv graphite.
- Maciej Zadykowicz — Lub Tsev Kos Duab Ib Tag Hmo nrog nws cov duab kos kaleidoscopic yog phab ntsa studio uas yuav luag dub uas muaj ib daim duab kos zoo nkauj thiab muaj yeeb yuj ua rau tib neeg saib thaum txhua yam tseem nyob ntsiag to thiab xav txog.