Framer
igalari ye-neon endaweni engenalutho
I-Framer isebenza njengobumnyama obucishe bube buphelele—ikhanvasi emnyama lapho okuqukethwe kuhamba khona njengophawu lwe-neon ekuvulekeni kwegalari. Izihloko, ezibekwe ku-GT Walsheim Medium ezinesikhala semigqa esiqinile esingu-0.8–1.1 kanye nesikhala sezinhlamvu ezingezinhle (-0.04em ku-54px), zakha uhlobo lokubhala olufingqiwe, oluhlobisayo oluqhubekela phambili kunokuba luhlale kahle ekhasini. Uhlaza okwesibhakabhaka olulodwa olusebenza ngogesi (#0099ff) lunikeza zonke izinkomba ezisebenzayo—imingcele, ukukhanya, izithonjana, izimo ezisebenzayo—kuyilapho okunye okubonakalayo kuhlala kungashintshi, kuncike ekushintsheni okumpunga okucashile (#111, #171717, #242424) ukudala ukujula kusuka kumnyama omsulwa. Izingxenye zizwakala zicatshangelwa kunokuhlobisa: i-radii eyindilinga engu-8–25px, imingcele emincane engu-1px, izithunzi ezincane zokwehla, kanye nezindawo ezikhanyayo ezivumela igebe ukuthi likhanye.
Izingxenye ezinobubanzi obugcwele zidlula ngale kwekhanvasi emnyama, okuqukethwe kukhawulelwe kububanzi obuphezulu obungu-~1200px futhi kugxile ngaphakathi. Isigaba esiyinhloko sinesihloko esiqondaniswe kwesobunxele kanye nenkinobho eyodwa yokubiza isenzo (i-CTA), uhlangothi lwesokudla lushiywe lungenalutho ngamabomu—olungalingani, olungagxilile. Izigaba ziyashintshana phakathi kwezakhiwo zombhalo kuphela (isihloko esikhulu + umbhalo ongaphansi) kanye nezithombe-skrini zomkhiqizo. Isigaba esithi "Iza ne-Framer" sisebenzisa udonga lwelogo kugridi enamakholomu angu-4. Engxenyeni yomphakathi, isithombe-skrini somkhiqizo sibekwa ngaphakathi kwesitsha esiphakathi, esibanzi esigcwele esinamakhona ayindilinga. Ukuzulazula kuncane kakhulu—ibha ephezulu encane enelogo kwesobunxele kanye nezixhumanisi eziqondiswe kwesokudla, ngaphandle kokulawula okubonakalayo. Isigqi sesigaba: izikhala ezibalulekile eziqondile ezingama-80px phakathi kwezigaba, okudala iziqhingi ezihlukile zokuqukethwe ezintanta endaweni engenalutho.
Izithombe-skrini zesikhombimsebenzisi somkhiqizo zibusa—ezifakwe ngefreyimu yefasitela elifana ne-chrome elinamachashazi okukhanya kwethrafikhi, izithombe-skrini ezifakiwe zohlelo lokusebenza ziba isithombe esiyinhloko. Ama-logo, asebenza njengobufakazi bekhwalithi, aboniswa ngezinhlamvu ezimhlophe ngemuva elimnyama elinesikhala esibanzi. Azikho izithombe, imidwebo, noma imidwebo engabonakali esetshenziswayo—ulimi olubonakalayo luwumkhiqizo ngokwawo, oluboniswa njengesikhombimsebenzisi esiphilayo. Isitayela sesithonjana: esincane, esivezwe ngokucacile, esinombala owodwa nomhlophe ngobukhulu obuncane. Ubuningi bombhalo: ikakhulukazi umbhalo, ngezingcezu ezinkulu ngezikhathi ezithile ngesimo sezithombe-skrini zomkhiqizo. Ibhalansi ebonakalayo yesikhala ngokusobala ithanda ukubhala kunezithombe.
Iphalethi
Umkhiqizo
- Vivid Violet
#0066ff— Inkinobho yesenzo eyinhloko yindawo kuphela esibonakalayo lapho kuboniswa khona ingemuva lenkinobho elinombala oqinile.
Okungathathi hlangothi
- Bone
#ffffff— Izihloko eziyinhloko, umbhalo oyinhloko ngemuva okumnyama, ingemuva lenkinobho yiwona kuphela umthombo wokukhanya. - Void
#000000— I-canvas yekhasi, ingemuva lokuzulazula, izindawo zamakhadi, ukugcwaliswa kwesithonjana—konke kunombala omnyama ongapheli omunca konke okuqukethwe okungabalulekile. - Graphite
#111111— Izindawo zamakhadi aphakanyisiwe ziyisinyathelo esingaphezu kwesikhala—amakhadi amakhulu, asebenzayo kanye neziqukathi ezihambisanayo. - Obsidian
#171717— Ubuso obuphakathi bezinkinobho, amakhadi engeziwe, ukugcwaliswa kwe-UI - kuhlukanisa izinto ezisebenzisanayo kusuka kukhanvasi. - Slate
#242424— Ku-hover, amasimu okufaka kanye namaphaneli angene ngaphakathi anombala okhanyayo ongathathi hlangothi ngaphambi kokushintshela kufomethi yombhalo. - Ash
#333333— Ukugcwaliswa okujulile kwezithombe zangemuva ezingasebenzi kanye nezinto zesakhiwo.
Ukuthayipha
kusukela ku-12 kuya ku-68px · izinyathelo ezingu-8
- sans-serif — esikhundleni: Inter · izinhlaka 400 · i-sans-serif - etholakala kudatha ekhishwe kodwa engachazwanga yi-AI.
- GT Walsheim — esikhundleni: Inter Tight · izinhlaka 500 · Ifonti yezihloko nezihloko yifonti yomkhiqizo. Ifinyeziwe ngamandla, inesikhala semigqa esingu-0.8–1.1 kanye nesikhala sezinhlamvu esingu--0.04em kuya ku--0.05em ebangeni elingama-44–68px. Akuyona into yokuhlobisa; ukufudumala kwejometri kwe-GT Walsheim, kuhlanganiswe nezilinganiso eziqinile, kudala izwi lesistimu—elizethembayo, elihlangene, nelinomlando wesikhathi esizayo. Ukuze uthole ukubonakaliswa okufanayo kwejometri, cabanga nge-Inter Tight noma i-Space Grotesk Bold.
- Inter Variable — esikhundleni: Inter · izinhlaka 400 · Umbhalo oyinhloko, ukuzulazula, kanye nezihloko zesibili yiwona osebenza kahle. I-Inter Variable axis ivumela ukuhunyushwa okubushelelezi kwezisindo. Ukulandelela kuyancipha njengoba usayizi ukhula: kusuka ku--0.001em kuya ku-18px kanye no--0.027em kuya ku-22px. Inguqulo eguquguqukayo ivumela ukugqwayiza okubushelelezi kwesayithi. Ukufakwa esikhundleni: I-Inter ( Google) – ukubuyela emuva okufanayo.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | isilinganiso |
| Isinyathelo esiyisisekelo | 10px |
| Irediyasi yenkinobho | 9999px |
| Irediyasi yekhadi | 20px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 80px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Framer futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Auros — Itheminali ye-Abssal enamabhola edatha e-bioluminescent
- Origin Financial — Igalari yaphakathi kwamabili enobukhazikhazi obuthule. Igumbi elithule, elicishe libe mnyama lapho amafonti amakhulu e-serif namaphaneli ambalwa anombala okhanyisiwe enza umuzwa wokuthi ezezimali ziwumsebenzi wobuciko ohlelwe ngokucophelela.
- Raycast — Isikhungo Somyalo Sasebusuku, iCoral Neon
- Dimension — indawo yokusebenza ekhanyiswe ubusuku bonke enamaphaneli engilazi aqandisiwe
- Reflect Notes — Isikhala esiluhlaza okwesibhakabhaka esinezinkanyezi siyindawo yokubuka emnyama lapho amanothi entanta khona njengezinkanyezi ngokumelene nesizinda sendawo engenalutho emnyama ye-indigo.
- Ameba — Igumbi lokulawula phakathi kwamabili – umsindo oluhlaza okwesibhakabhaka osebenza ngogesi ngaphakathi kwamaphaneli engilazi aqandisiwe
- Branding — Udonga lwegalari emnyama, ama-accent abomvu egazini - Amafonti amakhulu amhlophe antanta ku-canvas emnyama efana nendawo engenalutho, ephazanyiswa yi-accent eyodwa ebomvu ekhanyayo kanye nezinto zokuhlobisa ezikhangayo ezibukeka njengezimpawu zegalari kune-interface yewebhu.
- Harness — Ukulawula Umsebenzi phakathi kwamabili ngemibala eluhlaza okwesibhakabhaka
- Koto — Igalari ye-Obsidian phakathi kwamabili. Isiteji esicishe sibe mnyama bhuqe, lapho okuwukuphela komthombo wokukhanya ofudumele kuyi-marker eyodwa ephuzi, futhi uhlobo olufingqiwe luntanta endaweni enkulu engemihle njengamaphosta ombukiso.
- Ohzi — Ikhiyubhu ekhazimulayo elenga kugalari emnyama
- Depot — Itheminali yeseva emnyama. Ikhonsoli yonjiniyela ecishe ibe mnyama, ene-LED eluhlaza eyodwa ekhombisa ukuqala komsebenzi, kanye nokunye okubonakalayo komsebenzisi okuboniswe ku-graphite.
- Maciej Zadykowicz — I-Midnight Gallery enodonga lwayo olunezithombe ezingavamile iwudonga lwesitudiyo olucishe lube mnyama lapho ubuciko obunemibala obugqamile budonsa ukunaka khona kuyilapho konke okunye kuthule futhi kuhleliwe.