Framer
malo owonetsera zithunzi a neon mu malo opanda kanthu
Framer imagwira ntchito ngati mdima wokwanira—nsalu yakuda pomwe zinthu zimayendayenda ngati chikwangwani cha neon potsegulira gallery. Mitu ya nkhani, yoikidwa mu GT Walsheim Medium yokhala ndi mizere yolimba ya 0.8–1.1 ndi mizere yoipa (-0.04em pa 54px), imapanga mawonekedwe ofupikitsidwa, okongoletsedwa omwe amapitilira patsogolo m'malo mokhala bwino patsamba. Buluu limodzi lamagetsi (#0099ff) limapereka mawonekedwe onse ogwira ntchito—malire, kuwala, zizindikiro, momwe zinthu zilili—pomwe mawonekedwe ena onse amakhalabe osasinthika, kudalira kusintha kwa imvi pang'ono (#111, #171717, #242424) kuti apange kuya kuchokera kukuda koyera. Zigawo zimamveka ngati zokongoletsa osati: ma radii ozungulira a 8–25px, malire owonda a 1px, mithunzi yochepa yotsika, ndi malo owala omwe amalola kuti malo opanda kanthu awonekere.
Zigawo zonse m'lifupi zimapitirira pa nsalu yakuda, ndipo zomwe zili mkati mwake zimakhala ndi m'lifupi mwake mpaka ~1200px ndipo zimakhala pakati. Gawo lalikulu lili ndi mutu wolunjika kumanzere ndi batani limodzi loyitana kuchitapo kanthu (CTA), pomwe mbali yakumanja imasiyidwa yopanda kanthu mwadala—yosafanana, osati pakati. Zigawo zimasinthasintha pakati pa mapangidwe a zolemba zokha (mutu waukulu + mawu ang'onoang'ono) ndi zithunzi za malonda. Gawo la "Zimabwera ndi Framer" limagwiritsa ntchito khoma la logo mu gridi ya mizere 4. Mu gawo la anthu ammudzi, chithunzi cha malonda chimayikidwa mkati mwa chidebe chozungulira, chozungulira chokhala ndi ngodya zozungulira. Kuyenda ndi kochepa—bala lopyapyala lapamwamba lokhala ndi logo kumanzere ndi maulalo olumikizidwa kumanja, popanda zowongolera zowoneka. Kayendedwe ka gawo: mipata yolunjika ya 80px pakati pa magawo, kupanga zilumba zosiyana za zomwe zili pansi pa malo opanda kanthu.
Zithunzi za mawonekedwe a ogwiritsa ntchito a pulogalamuyi zimalamulira—zokongoletsedwa ndi zenera longa chrome lokhala ndi madontho a magetsi, zithunzi zojambulidwa za pulogalamuyi zimakhala chithunzi chachikulu. Ma logo, omwe amagwira ntchito ngati umboni wa khalidwe, amawonetsedwa m'malembo oyera kumbuyo kwakuda ndi malo otakata. Palibe zithunzi, zithunzi, kapena zithunzi zosamveka zomwe zimagwiritsidwa ntchito—chilankhulo chowoneka ndi chinthucho, chomwe chimawonetsedwa ngati mawonekedwe amoyo. Kalembedwe ka chizindikiro: kakang'ono, kofotokozedwa, koyera pang'ono. Kuchuluka kwa malemba: makamaka malemba, ndi zidutswa zazikulu nthawi zina monga zithunzi za malonda. Kulinganiza kwa malo kumakonda kwambiri kulemba kuposa zithunzi.
Paleti
Mtundu
- Vivid Violet
#0066ff— Batani loyamba la zochita ndi malo okhawo omwe ali ndi maziko a batani lokhala ndi mtundu wolimba.
Osalowerera
- Bone
#ffffff— Mitu yayikulu, mawu akuluakulu pa maziko amdima, maziko a mabatani ndiye gwero lokhalo la kuwala. - Void
#000000— Tsamba lawebusayiti, maziko oyendetsera, malo a makadi, kudzaza zizindikiro—zonsezi ndi mtundu wakuda wopanda malire womwe umatengera zinthu zonse zosafunikira. - Graphite
#111111— Malo okwezedwa a makadi ndi sitepe pamwamba pa malo opanda kanthu—makadi akuluakulu, ogwira ntchito komanso zotengera zosungiramo zinthu. - Obsidian
#171717— Malo apakati a mabatani, makadi owonjezera, kudzaza kwa UI - kumalekanitsa zinthu zolumikizana ndi kansalu. - Slate
#242424— Pa hover, minda yolowera ndi mapanelo opindika ndi omwe amakhala ndi mtundu wowala kwambiri musanasinthe kukhala mtundu wa zolemba. - Ash
#333333— Kudzaza kwakukulu kwa zithunzi zakumbuyo zosagwira ntchito komanso zinthu zomangira.
Kulemba zilembo
kuyambira 12 mpaka 68px · masitepe 8
- sans-serif — cholowa m'malo: Inter · mndandanda 400 · sans-serif - yomwe yapezeka mu deta yotengedwa koma sinafotokozedwe ndi AI.
- GT Walsheim — cholowa m'malo: Inter Tight · mndandanda 500 · Chilembo cha mitu ndi mitu ndi cha mtundu wa zilembo. Chimafupikitsidwa mwamphamvu, ndi mtunda wa mizere wa 0.8–1.1 ndi mtunda wa zilembo wa -0.04em mpaka -0.05em mu 44–68px. Si chinthu chokongoletsera; kutentha kwa GT Walsheim, kuphatikiza ndi miyeso yokhwima, kumapanga mawu a dongosololi—odzidalira, opapatiza, komanso amtsogolo pang'ono. Kuti mupeze mawonekedwe ofanana a jiometri, ganizirani Inter Tight kapena Space Grotesk Bold.
- Inter Variable — cholowa m'malo: Inter · mndandanda 400 · Malemba akuluakulu, kuyenda, ndi mitu yachiwiri ndi ntchito. Inter Variable axis imalola kusinthasintha kosalala kwa zolemera. Kutsata kumachepa pamene kukula kukukwera: kuyambira -0.001em mpaka 18px ndi kufika -0.027em mpaka 22px. Mtundu wosinthika umalola ma micro-animation osalala a tsamba. Kusintha: Inter ( Google) - njira yofanana kwambiri.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | avareji |
| Gawo loyambira | 10px |
| Utali wa batani | 9999px |
| Utali wa khadi | 20px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 80px |
| Kukula kwa tsamba | 1200px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Framer ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- Auros — Malo otsetsereka a Abyssal okhala ndi mipira ya data ya bioluminescent
- Origin Financial — Malo owonetsera zinthu zamtengo wapatali pakati pausiku. Chipinda chamtendere, chamdima kwambiri chomwe chili ndi zilembo zazikulu za serif ndi mapanelo angapo owala bwino zimapangitsa kuti anthu aziona kuti ndalama ndi ntchito yaluso yokonzedwa bwino.
- Raycast — Malo Olamulira Pakati pa Usiku, Coral Neon
- Dimension — malo ogwirira ntchito omwe amawala ndi madzulo okhala ndi magalasi oundana
- Reflect Notes — Malo owoneka ngati nyenyezi a violet ndi malo owonera zinthu amdima komwe zolemba zimayandama ngati magulu a nyenyezi motsutsana ndi malo opanda kanthu akuda a indigo.
- Ameba — Chipinda chowongolera pakati pausiku - phokoso lamagetsi labuluu mkati mwa magalasi oundana
- Branding — Khoma lakuda la gallery, mawu ofiira a magazi - Mafonti akulu oyera amayandama pa kansalu yakuda yomwe imafanana ndi malo opanda kanthu, osokonezedwa ndi mawu ofiira owala komanso zinthu zokongola zomwe zimawoneka ngati zizindikiro za gallery osati mawonekedwe a pa intaneti.
- Harness — Kulamulira Ntchito pakati pausiku ndi zobiriwira zobiriwira za phosphorescent
- Koto — Nyumba Yowonetsera Zithunzi ya Obsidian pakati pausiku. Gawo lakuda kwambiri, komwe kuwala kofunda kokhako kuli chizindikiro chimodzi chachikasu, ndipo mtundu wofupikitsidwa umayandama pamalo akulu ngati zikwangwani zowonetsera.
- Ohzi — Chidutswa chowala chomwe chapachikidwa mu malo owonetsera zithunzi amdima
- Depot — Malo olumikizira seva yakuda. Cholumikizira cha opanga mapulogalamu chakuda kwambiri, chokhala ndi LED yobiriwira imodzi yosonyeza kuyamba kwa ntchito, ndi mawonekedwe ena onse ogwiritsira ntchito omwe akuwonetsedwa mu graphite.
- Maciej Zadykowicz — Nyumba Yosungira Zithunzi ya Midnight yokhala ndi zithunzi zakale kwambiri ndi khoma la studio lakuda kwambiri komwe chithunzi chimodzi chokongola komanso chokongola chimakopa chidwi pamene china chilichonse chimakhala chete komanso chokonzedwa.