Framer

ghala la neon kwenye utupu

Framer hufanya kazi kama giza karibu kabisa—turubai nyeusi ambapo maudhui huelea kama ishara ya neon kwenye ufunguzi wa ghala. Vichwa vya habari, vilivyowekwa katika GT Walsheim Medium vyenye nafasi finyu ya mistari ya 0.8–1.1 na nafasi kali ya herufi hasi (-0.04em kwa pikseli 54), huunda herufi iliyofupishwa, ya mapambo inayosonga mbele badala ya kukaa vizuri kwenye ukurasa. Bluu moja ya umeme (#0099ff) hutoa lafudhi zote za utendaji—mipaka, mwangaza, aikoni, hali zinazotumika—huku sehemu iliyobaki ya kiolesura ikibaki isiyo na mwonekano, ikitegemea mabadiliko madogo ya kijivu (#111, #171717, #242424) ili kuunda kina kutoka kwa rangi nyeusi safi. Vipengele huhisi kuzingatiwa badala ya mapambo: radii iliyozunguka ya pikseli 8–25, mipaka nyembamba ya pikseli 1, vivuli vidogo vya kushuka, na nyuso zinazong'aa zinazoruhusu utupu kung'aa.

Sehemu zenye upana kamili huenea zaidi ya turubai nyeusi, huku maudhui yakipunguzwa hadi upana wa juu wa ~1200px na katikati ya ndani. Sehemu kuu ina kichwa cha habari kilichopangwa kushoto na kitufe kimoja cha wito wa kuchukua hatua (CTA), huku upande wa kulia ukibaki wazi kimakusudi—bila ulinganifu, bila katikati. Sehemu hubadilishana kati ya mipangilio ya maandishi pekee (kichwa kikubwa + maandishi madogo) na picha za skrini za bidhaa. Sehemu ya "Inakuja na Fremu" hutumia ukuta wa nembo katika gridi ya safu wima 4. Katika sehemu ya jumuiya, picha ya skrini ya bidhaa huwekwa ndani ya chombo chenye upana kamili katikati na pembe zilizozunguka. Urambazaji ni mdogo—upau mwembamba wa juu wenye nembo upande wa kushoto na viungo vilivyopangwa kulia, bila vidhibiti vinavyoonekana. Mdundo wa sehemu: mapengo makubwa ya wima ya pikseli 80 kati ya sehemu, na kuunda visiwa tofauti vya maudhui vinavyoelea kwenye utupu.

Picha za skrini za kiolesura cha mtumiaji cha bidhaa hutawala—zimeundwa kwa fremu na dirisha linalofanana na chrome lenye nukta za taa za trafiki, picha za skrini zilizopachikwa za programu huwa picha kuu. Nembo, zinazotumika kama uthibitisho wa ubora, zinawasilishwa kwa herufi nyeupe kwenye mandharinyuma nyeusi yenye nafasi pana. Hakuna picha, vielelezo, au michoro dhahania inayotumika—lugha ya kuona ni bidhaa yenyewe, inayoonyeshwa kama kiolesura hai. Mtindo wa aikoni: minimalist, iliyoainishwa, monochrome na nyeupe katika ukubwa mdogo. Msongamano wa maandishi: maandishi mengi, na vipande vikubwa vya mara kwa mara katika mfumo wa picha za skrini za bidhaa. Usawa wa kuona wa nafasi unapendelea wazi uchapaji kuliko picha.

Nyeusi Premium Unyenyekevu Miteremko laini

https://framer.com

Paleti

Chapa

Vivid Violet #0066ff — Kitufe cha msingi cha kutenda ndicho mahali pekee kwenye kiolesura ambapo mandharinyuma ya kitufe chenye rangi thabiti huonyeshwa.

Isiyoegemea upande wowote

Bone #ffffff — Vichwa vikuu, maandishi makuu kwenye mandharinyuma meusi, mandharinyuma ya vitufe ndiyo chanzo pekee cha mwanga.
Void #000000 — Turubai ya ukurasa, mandharinyuma ya urambazaji, nyuso za kadi, kujaza aikoni—yote ni rangi nyeusi isiyo na mwisho ambayo inachukua maudhui yote yasiyo muhimu.
Graphite #111111 — Nyuso za kadi zilizoinuliwa ni hatua juu ya utupu—kadi kubwa, zinazofanya kazi na vyombo vya kawaida.
Obsidian #171717 — Sehemu ya kati ya vifungo, kadi za ziada, vijazaji vya UI - hutenganisha vipengele shirikishi kutoka kwenye turubai.
Slate #242424 — Kwenye kielea, sehemu za kuingiza data na paneli zilizojikunja ndio rangi angavu zaidi kabla ya kubadili hadi umbizo la maandishi.
Ash #333333 — Jaza kwa kina picha za mandharinyuma na vipengele vya kimuundo visivyotumika.

Uchapaji

kutoka pikseli 12 hadi 68 · hatua 8

sans-serif — mbadala: Inter · mihtasari 400 · sans-serif - hupatikana katika data iliyotolewa lakini haijaelezewa na AI.
GT Walsheim — mbadala: Inter Tight · mihtasari 500 · Fonti ya vichwa na vichwa ni fonti ya chapa. Imefupishwa kwa nguvu, ikiwa na nafasi ya mistari ya 0.8–1.1 na nafasi ya herufi ya -0.04em hadi -0.05em katika safu ya pikseli 44–68. Sio kipengele cha mapambo; joto la kijiometri la GT Walsheim, pamoja na vipimo vikali, huunda sauti ya mfumo—yenye ujasiri, fupi, na ya baadaye kidogo. Kwa usemi sawa wa kijiometri, fikiria Inter Tight au Space Grotesk Bold.
Inter Variable — mbadala: Inter · mihtasari 400 · Maandishi makuu, urambazaji, na vichwa vya pili ni kazi ngumu. Mhimili wa Inter Variable huruhusu uingiliaji laini wa uzito. Ufuatiliaji hupungua kadri ukubwa unavyoongezeka: kutoka -0.001em hadi 18px na hadi -0.027em hadi 22px. Toleo la variable huruhusu michoro midogo laini ya tovuti. Uingizwaji: Inter ( Google) - kurudi nyuma kunakofanana.

Vipindi na umbo

Kusudi	Maana
Uzito	wastani
Hatua ya msingi	10px
Kipenyo cha kitufe	9999px
Redi ya kadi	20px
Vivuli	hapana - mipaka badala ya vivuli
Kati ya sehemu	80px
Upana wa ukurasa	1200px

AI itaunda tovuti yako kwa mtindo wa Framer na kuijaza

Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.

Unda tovuti katika mtindo huu

Mitindo inayofanana

Graphite — Gridi ya Mwisho Inayong'aa. Unda nyuso za bidhaa zenye mipaka nyeusi na zenye alama nyeupe za uchapaji na mwangaza wa mara kwa mara wa spektra.
Linearity — Kiweko cha studio kinachong'aa. Unda skrini zenye nafasi ndogo nyeusi za kazi zenye kiolesura cheupe safi, lafudhi za chrome, na rangi ya chungwa iliyoyeyuka mara kwa mara.
Featurebase — Kiweko chenye mwanga wa zambarau. Fikiria kila ukurasa kama jukwaa lenye giza na utulivu, lenye nafasi ya kazi inayong'aa kwa bidhaa inayotoka kwenye ukingo wa chini.
Nuxt — Kifaa cha kung'aa katika nafasi ya kina kirefu. Unda mizunguko ya kiolesura chenye giza na kilichofungwa ambapo kijani huonekana kama ishara inayoendeshwa dhidi ya nyuso za bluu-nyeusi.
Auros — Kituo cha kuzimu chenye mipira ya data ya kibiolojia
Origin Financial — Nyumba ya sanaa ya usiku wa manane yenye utajiri mtulivu. Chumba tulivu, karibu chenye giza ambapo fonti kubwa za serif na paneli chache zenye rangi zinazong'aa huunda hisia kwamba fedha ni kazi ya sanaa iliyopangwa kwa uangalifu.
Raycast — Kituo cha Amri cha Usiku wa Manane, Coral Neon
Dimension — kituo cha kazi chenye mwanga wa jioni chenye paneli za glasi zilizoganda
Reflect Notes — Nafasi ya zambarau yenye nyota ni kituo cha uchunguzi cheusi ambapo noti zinaelea kama makundi ya nyota dhidi ya mandhari ya utupu mweusi wa indigo.
Ameba — Chumba cha kudhibiti saa sita usiku - mlio wa umeme wa bluu ndani ya paneli za glasi zilizoganda
Branding — Ukuta mweusi wa ghala, lafudhi nyekundu ya damu - Fonti kubwa nyeupe zinaelea kwenye turubai nyeusi inayofanana na utupu, ikikatizwa na lafudhi moja nyekundu angavu na vipengele vya mapambo vinavyovutia vinavyoonekana zaidi kama alama za ghala kuliko kiolesura cha wavuti.
Harness — Udhibiti wa Misheni usiku wa manane na lafudhi za kijani kibichi zenye fosforasi