Framer

igalari ye-neon kwindawo engenanto

I-Framer isebenza njengobumnyama obuphantse bube bubonke—i-canvas emnyama apho umxholo ujikeleza khona njengophawu lwe-neon kwindawo yokuvula igalari. Izihloko, ezibekwe kwi-GT Walsheim Medium ezinesithuba esiqinileyo semigca eyi-0.8–1.1 kunye nesithuba soonobumba ababi abanamandla (-0.04em kwi-54px), zenza uhlobo olufinyeziweyo, oluhombisayo olutyhalela phambili endaweni yokuhlala kakuhle kwiphepha. Umbala oluhlaza okwesibhakabhaka omnye (#0099ff) ubonelela ngazo zonke ii-accents ezisebenzayo—imida, ukukhanya, ii-icon, iimeko ezisebenzayo—ngelixa ezinye izinto ezikwi-interface zihlala zingenambala, zixhomekeke kwiinguqu ezingwevu ezithambileyo (#111, #171717, #242424) ukudala ubunzulu ukusuka kumnyama omsulwa. Izinto zibonakala zijongwa endaweni yokuhombisa: i-radii ejikelezileyo ye-8–25px, imida emincinci ye-1px, izithunzi ezincinci zokuwa, kunye neendawo ezikhanyayo ezivumela ukuba isithuba sikhanye.

Amacandelo anobubanzi obupheleleyo adlula ngaphaya kwe-canvas emnyama, kunye nomxholo olinganiselwe kububanzi obuphezulu be-~1200px kwaye uphakathi ngaphakathi. Icandelo eliphambili linesihloko esihambelana ngasekhohlo kunye neqhosha elinye lokubiza isenzo (i-CTA), kunye necala lasekunene lishiywe lingenanto ngabom—ngokungalinganiyo, kungekhona phakathi. Amacandelo atshintshana phakathi kwezakhiwo zombhalo kuphela (isihloko esikhulu + umxholo ongaphantsi) kunye neeskrini zemveliso. Icandelo elithi "Iza neFramer" lisebenzisa udonga lwelogo kwigridi yeekholamu ezi-4. Kwicandelo loluntu, umfanekiso weskrini wemveliso ubekwa ngaphakathi kwesikhongozeli esiphakathi, ububanzi obupheleleyo esineekona ezijikelezileyo. Ukuhambahamba kuncinci—ibha ephezulu encinci enelogo ekhohlo kunye neekhonkco ezihambelana ngasekunene, ngaphandle kolawulo olubonakalayo. Isingqisho secandelo: izithuba ezithe nkqo ze-80px ezibalulekileyo phakathi kwamacandelo, okwenza iziqithi ezahlukeneyo zomxholo odada kwindawo engenanto.

Iiskrini zembonakalo yomsebenzisi yemveliso zilawula—zifakwe kwifreyimu yefestile efana ne-chrome enamachaphaza ezibane zethrafikhi, iiskrini ezifakwe kwi-app ziba ngumfanekiso oyintloko. Iilogo, ezisebenza njengobungqina bomgangatho, ziboniswa ngoonobumba abamhlophe kwimvelaphi emnyama enesithuba esibanzi. Akukho zithombe, imifanekiso, okanye imizobo engabonakaliyo esetyenziswayo—ulwimi olubonakalayo yimveliso ngokwayo, eboniswa njengembonakalo ephilayo. Isitayile see icon: minimalist, ecacisiweyo, monochrome kunye nomhlophe ngobukhulu obuncinci. Uxinano lombhalo: ikakhulu umbhalo, kunye neziqwenga ezinkulu ngamanye amaxesha ngendlela yezithombe-skrini zemveliso. Ibhalansi ebonakalayo yendawo ngokucacileyo ithanda ubhalo lwefonti kunemifanekiso.

Mnyama Iprimiyamu Ubuncinci Iigradients ezithambileyo

https://framer.com

Iphalethi

Uphawu

Vivid Violet #0066ff — Iqhosha lesenzo eliphambili yindawo ekuphela kwayo kwi-interface apho kuboniswa khona imvelaphi yeqhosha elinombala oqinileyo.

Ukungathathi cala

Bone #ffffff — Izihloko eziphambili, umbhalo oyintloko kwimvelaphi emnyama, imvelaphi yamaqhosha yeyona ndawo kuphela yokukhanya.
Void #000000 — I-canvas yephepha, imvelaphi yokukhangela, imiphezulu yekhadi, ukuzaliswa kweempawu—zonke zingumbala omnyama ongapheliyo ofunxa yonke into engabalulekanga.
Graphite #111111 — Imiphezulu yamakhadi aphakanyisiweyo ingaphezulu kwesithuba esingenanto—amakhadi amakhulu, asebenzayo kunye nezikhongozeli zemodyuli.
Obsidian #171717 — Umphezulu ophakathi wamaqhosha, amakhadi ongezelelweyo, ukuzaliswa kwe-UI - yahlula izinto ezisebenzisanayo kwi-canvas.
Slate #242424 — Kwi-hover, amasimi okufaka kunye neephaneli ezingaphakathi zinombala okhanyayo ongathathi cala ngaphambi kokutshintshela kwifomathi yombhalo.
Ash #333333 — Ukuzalisa okunzulu kwemifanekiso yangasemva engasebenziyo kunye nezinto zesakhiwo.

Ubhalo lweencwadi

ukusuka kwi-12 ukuya kwi-68px · amanyathelo asibhozo

sans-serif — ukutshintshwa: Inter · imida 400 · i-sans-serif - ifunyenwe kwidatha ekhutshiweyo kodwa ayichazwanga yi-AI.
GT Walsheim — ukutshintshwa: Inter Tight · imida 500 · Ifonti yezihloko kunye nezihloko yifonti yophawu. Ifinyeziwe ngamandla, isithuba semigca esiphakathi kwe-0.8–1.1 kunye nesithuba seeleta esiphakathi kwe-0.04em ukuya kwi-0.05em kuluhlu lwe-44–68px. Ayisiyonto yokuhombisa; ubushushu bejometri yeGT Walsheim, kunye nemilinganiselo engqongqo, kudala ilizwi lenkqubo—eliqinisekileyo, elincinci, nelizayo kancinci. Ukuze ufumane indlela efanayo yokubonakalisa ijometri, cinga nge-Inter Tight okanye i-Space Grotesk Bold.
Inter Variable — ukutshintshwa: Inter · imida 400 · Isicatshulwa esiphambili, ukuhambahamba, kunye nezihloko zesibini zezona zisebenzayo. I-Inter Variable axis ivumela ukutolikwa okugudileyo kobunzima. Ukulandelela kuyancipha njengoko ubungakanani bukhula: ukusuka kwi--0.001em ukuya kwi-18px kunye nokuya kwi--0.027em ukuya kwi-22px. Inguqulelo egudileyo ivumela ii-micro-animations ezigudileyo zesiza. Ukutshintshwa: I-Inter ( Google) – ukuphinda kufane.

Amaxesha okuphumla kunye nefom

Injongo	Intsingiselo
Uxinano	umndilili
Inyathelo elisisiseko	10px
Irediyasi yeqhosha	9999px
Irediyasi yekhadi	20px
Izithunzi	akukho - imida endaweni yezithunzi
Phakathi kwamacandelo	80px
Ububanzi bephepha	1200px

I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Framer ize iyizalise

Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.

Yenza iwebhusayithi ngolu hlobo

Iintlobo ezifanayo

Auros — Isiphelo se-Abssal esineebhola zedatha ze-bioluminescent
Origin Financial — Igalari yasezinzulwini zobusuku enobunewunewu obuzolileyo. Igumbi elizolileyo, eliphantse libe mnyama apho iifonti ezinkulu ze-serif kunye neephaneli ezimbalwa ezinemibala ekhanyisiweyo zenza uluvo lokuba imali ngumsebenzi wobugcisa okhethwe ngononophelo.
Raycast — IZiko loLawulo lwasebusuku, iCoral Neon
Dimension — indawo yokusebenza ekhanyiswe lilanga eneephaneli zeglasi ezifakwe iqhwa
Reflect Notes — Indawo eneenkwenkwezi eziluhlaza okwesibhakabhaka yindawo yokubuka emnyama apho amanqaku ahamba khona njengeenkwenkwezi ngasemva kobumnyama obungenanto ye-indigo.
Ameba — Igumbi lolawulo ezinzulwini zobusuku – ukubetha kombane oluhlaza okwesibhakabhaka ngaphakathi kwiiphaneli zeglasi eziqandisiweyo
Branding — Udonga lwegalari emnyama, ii-accents ezibomvu zegazi - Iifonti ezinkulu ezimhlophe zintanta kwi-canvas emnyama efana nesithuba, ziphazanyiswa yi-accent enye ebomvu eqaqambileyo kunye nezinto ezihombisayo ezibukeka ngathi zizibonakaliso zegalari kunokuba zifane ne-web interface.
Harness — Ulawulo lweMishini ezinzulwini zobusuku kunye neempawu eziluhlaza ezinombala we-phosphorescent
Koto — Igalari ye-Obsidian ezinzulwini zobusuku. Iqonga eliphantse libe mnyama qhwa, apho umthombo wokukhanya ofudumeleyo kuphela luphawu olunye olumthubi, kwaye uhlobo olufinyeziweyo luhamba kwindawo enkulu engalunganga njengeepowusta zomboniso.
Ohzi — Ityhubhu ekhazimlayo ixhonywe kwigalari emnyama
Depot — Isiphelo seseva esimnyama. Ikhonsoli yomphuhlisi ephantse ibe mnyama, ene-LED eluhlaza enye ebonisa ukuqala komsebenzi, kunye nenxalenye ye-interface yomsebenzisi eboniswe kwi-graphite.
Maciej Zadykowicz — I-Midnight Gallery enodonga lwayo olunemibala engaqhelekanga ludonga lwesitudiyo oluphantse lube mnyama apho umzobo wobugcisa oqaqambileyo, onemibala utsala ingqalelo ngelixa yonke enye into ihlala ithule kwaye icwangcisiwe.