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.
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.
Mitindo inayofanana
- 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
- Koto — Jumba la Matunzio la Obsidian usiku wa manane. Jukwaa lenye rangi nyeusi sana, ambapo chanzo pekee cha mwanga wa joto ni alama moja ya njano, na aina iliyofupishwa huelea katika nafasi kubwa hasi kama mabango ya maonyesho.
- Ohzi — Mchemraba unaong'aa ulioning'inizwa kwenye ghala la giza
- Depot — Kifaa cha seva nyeusi. Kifaa cha msanidi programu chenye rangi nyeusi karibu, chenye LED moja ya kijani inayoashiria mwanzo wa kazi, na sehemu iliyobaki ya kiolesura cha mtumiaji inayoonyeshwa kwenye grafiti.
- Maciej Zadykowicz — Jumba la Matunzio la Usiku wa Manane lenye ukuta wake wa kale ni ukuta mweusi wa studio ambapo kazi moja ya sanaa ya uchapaji yenye rangi na kuvutia inavutia umakini huku kila kitu kingine kikibaki kimya na kwa makusudi.