Framer
gidan hotunan neon a cikin kogo
Framer yana aiki kamar duhun da ya kusa ƙarewa—zanen baƙi inda abun ciki ke shawagi kamar alamar neon a buɗewar gallery. Kanun labarai, waɗanda aka saita a cikin GT Walsheim Medium tare da tazara mai tsauri ta layin 0.8–1.1 da tazara mai tsauri ta haruffa marasa kyau (-0.04em a 54px), suna ƙirƙirar rubutu mai kauri, mai ado wanda ke turawa gaba maimakon ya zauna a kan shafin. Shuɗin lantarki guda ɗaya (#0099ff) yana ba da duk lafazin aiki—iyakoki, haske, gumaka, yanayin aiki—yayin da sauran hanyar haɗin ke ci gaba da rashin tsari, yana dogara da sauye-sauyen launin toka mai sauƙi (#111, #171717, #242424) don ƙirƙirar zurfi daga baƙi mai tsabta. Abubuwan da aka haɗa suna jin an yi la'akari da su maimakon ado: radii mai zagaye na 8–25px, kan iyakoki masu siriri na 1px, ƙananan inuwar faɗuwa, da saman haske waɗanda ke ba da damar gurɓataccen ya haskaka.
Sassan da ke da faɗi cikakke sun wuce zanen baƙi, tare da iyakancewar abun ciki zuwa matsakaicin faɗin ~1200px kuma a tsakiya a ciki. Babban ɓangaren yana da kan layi mai layi na hagu da maɓallin kira-zuwa-aiki guda ɗaya (CTA), tare da gefen dama da gangan aka bar shi babu komai - ba tare da daidaito ba, ba a tsakiya ba. Sassan suna canzawa tsakanin shimfidu na rubutu kawai (babban kan rubutu + ƙaramin rubutu) da hotunan kariyar kwamfuta na samfur. Sashen "Ya zo da Framer" yana amfani da bangon tambari a cikin grid mai ginshiƙi 4. A cikin ɓangaren al'umma, ana sanya hoton samfurin a cikin akwati mai faɗi mai tsakiya tare da kusurwoyi masu zagaye. Kewaya ba ta da yawa - sandar saman siririya mai tambari a hagu da hanyoyin haɗi da aka daidaita zuwa dama, ba tare da sarrafawa ba. Tsarin sashe: manyan gibin tsaye na 80px tsakanin sassa, suna ƙirƙirar tsibiran abubuwan da ke shawagi a cikin sarari.
Hotunan allo na hanyar sadarwa ta mai amfani da samfurin sun mamaye—wanda aka tsara ta taga mai kama da chrome tare da dige-dige na hasken zirga-zirga, hotunan allo da aka saka na app ɗin sun zama babban hoton. Tambayoyi, waɗanda ke aiki a matsayin shaida na inganci, ana gabatar da su da fararen haruffa a bango mai baƙi tare da faɗi mai faɗi. Ba a yi amfani da hotuna, zane-zane, ko zane-zane masu kama da juna ba—harshen gani shine samfurin da kansa, wanda aka nuna a matsayin hanyar sadarwa mai rai. Salon gumaka: minimalist, wanda aka tsara, monochrome da fari a ƙananan girma. Yawan rubutu: galibi rubutu, tare da manyan gutsuttsura a wasu lokutan a cikin nau'in hotunan allo na samfur. Daidaiton sarari a bayyane yake yana fifita rubutun rubutu akan hotuna.
Palette
Alamar kasuwanci
- Vivid Violet
#0066ff— Babban maɓallin aiki shine kawai wuri a cikin hanyar sadarwa inda aka nuna asalin maɓallin mai launi mai ƙarfi.
Tsaka-tsaki
- Bone
#ffffff— Manyan kanun labarai, babban rubutu a bango mai duhu, maɓallin bango shine kawai tushen haske. - Void
#000000— Zane na shafi, bayan kewayawa, saman kati, cike gumaka - duk launin baƙi ne mara iyaka wanda ke ɗaukar duk abubuwan da ba su da mahimmanci. - Graphite
#111111— Fafukan kati masu ɗagawa mataki ne sama da fanko—manyan katunan aiki da kwantena na zamani. - Obsidian
#171717— Matsakaici saman don maɓallai, ƙarin katunan, cikewar UI - yana raba abubuwan hulɗa daga zane. - Slate
#242424— A kan hawa sama, filayen shigarwa da bangarorin da aka yi wa lanƙwasa su ne inuwa mafi haske kafin a canza zuwa tsarin rubutu. - Ash
#333333— Cike mai zurfi don hotunan bango marasa aiki da abubuwan gini.
Rubutu
daga 12 zuwa 68px · Matakai 8
- sans-serif — maye gurbin: Inter · zane-zane 400 · sans-serif - an samo shi a cikin bayanan da aka fitar amma AI bai bayyana shi ba.
- GT Walsheim — maye gurbin: Inter Tight · zane-zane 500 · Rubutun da ake amfani da shi wajen rubutu da taken rubutu shine rubutun alamar. An tattara shi da ƙarfi, tare da tazarar layi tsakanin 0.8–1.1 da tazarar haruffa daga -0.04em zuwa -0.05em a cikin kewayon 44–68px. Ba abu ne mai ado ba; ɗumin geometric na GT Walsheim, tare da ma'auni masu tsauri, yana ƙirƙirar muryar tsarin - mai ƙarfin gwiwa, mai ƙanƙanta, kuma mai ɗan kama da na gaba. Don irin wannan bayyanar geometric, yi la'akari da Inter Tight ko Space Grotesk Bold.
- Inter Variable — maye gurbin: Inter · zane-zane 400 · Babban rubutu, kewayawa, da kanun labarai na biyu sune manyan hanyoyin aiki. Tsarin Inter Variable yana ba da damar haɗa nauyi cikin santsi. Bin diddigin yana raguwa yayin da girman ke ƙaruwa: daga -0.001em zuwa 18px da zuwa -0.027em zuwa 22px. Sigar mai canzawa tana ba da damar yin ƙananan zane-zane na rukunin yanar gizon. Sauyawa: Inter ( Google) - faɗuwa iri ɗaya.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | matsakaici |
| Mataki na asali | 10px |
| Maɓallin radius | 9999px |
| Radius na kati | 20px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 80px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Framer kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- Auros — Tashar Abyssal tare da ƙwallan bayanai na bioluminescent
- Origin Financial — Ɗakin adana kayan alfarma na tsakar dare. Ɗaki mai natsuwa, kusan duhu inda manyan rubutun serif da wasu allunan launuka masu haske ke haifar da jin cewa kuɗi aikin fasaha ne da aka tsara da kyau.
- Raycast — Cibiyar Umarni ta Tsakar dare, Coral Neon
- Dimension — wurin aiki mai hasken rana tare da gilashin sanyi
- Reflect Notes — Sararin samaniya mai launin shuɗi mai duhu wani wuri ne mai duhu inda bayanai ke yawo kamar taurari a kan wani wuri mai duhu na indigo.
- Ameba — Ɗakin sarrafawa da tsakar dare - wani shudi mai amfani da wutar lantarki a cikin allunan gilashi masu sanyi
- Branding — Bangon gidan tarihi baƙi, launukan ja na jini - Manyan fararen rubutu suna shawagi a kan wani zane mai duhu wanda yayi kama da wani wuri mara komai, wanda aka katse shi da lafazi mai haske guda ɗaya da kuma abubuwan ado masu ban sha'awa waɗanda suka fi kama da alamun gidan tarihi fiye da hanyar sadarwa ta yanar gizo.
- Harness — Manhajar Gudanarwa da tsakar dare tare da lafazin kore mai haske
- Koto — Gidan Tarihi na Obsidian da tsakar dare. Wani mataki ne mai kusan baƙi, inda tushen haske mai ɗumi kawai shine alamar rawaya ɗaya, kuma nau'in da aka tattara yana yawo a cikin sararin samaniya mai yawa kamar fosta na nunin faifai.
- Ohzi — Wani kube mai haske da aka rataye a cikin wani babban ɗakin hotuna mai duhu
- Depot — Tashar uwar garken duhu. Na'urar haɓaka kayan aiki mai kusan baƙi, tare da LED kore guda ɗaya da ke nuna farkon aiki, da kuma sauran hanyar haɗin mai amfani da aka nuna a cikin graphite.
- Maciej Zadykowicz — Gidan Tarihi na Tsakar dare tare da zane-zanen bango na kaleidoscopic bango ne mai kusan baƙi inda wani zane mai ban sha'awa da launuka masu kyau ya jawo hankali yayin da komai ya kasance shiru da gangan.