Framer
ụlọ ngosi neon dị n'ime oghere
Framer na-arụ ọrụ dị ka ọchịchịrị fọrọ nke nta ka ọ bụrụ kpamkpam—ákwà ojii ebe ọdịnaya na-efegharị dị ka akara neon na mmeghe gallery. Isi okwu, nke edobere na GT Walsheim Medium nwere oghere ahịrị siri ike nke 0.8–1.1 na oghere mkpụrụedemede na-adịghị mma (-0.04em na 54px), na-emepụta mkpụrụedemede a kpụkọrọ akpụkọ, nke a na-achọ mma nke na-aga n'ihu kama ịnọdụ ala nke ọma na peeji ahụ. Otu acha anụnụ anụnụ eletriki (#0099ff) na-enye ụda olu niile dị mkpa—ókèala, ìhè, akara ngosi, ọnọdụ na-arụ ọrụ—ebe ihe ndị ọzọ dị na interface ahụ ka na-adịghị mma, na-adabere na mgbanwe isi awọ dị nro (#111, #171717, #242424) iji mepụta omimi site na oji dị ọcha. Ihe ndị mejupụtara ya na-eche na a na-atụle ha kama ịchọ mma: radii gbara gburugburu nke 8–25px, ókèala 1px dị gịrịgịrị, onyinyo nta, na elu ndị na-enweghị ntụpọ nke na-ekwe ka oghere ahụ na-enwu.
Ngalaba obosara zuru oke gafere ákwà ojii ahụ, yana ọdịnaya nwere oke obosara kachasị nke ~1200px ma dị n'etiti ya. Akụkụ bụ isi nwere isi okwu aka ekpe na otu bọtịnụ oku-na-eme ihe (CTA), yana akụkụ aka nri na-ahapụ oghere efu - n'enweghị usoro, ọ bụghị etiti. Ngalaba na-agbanwe n'etiti nhazi ederede naanị (isi okwu buru ibu + obere ederede) na nseta ihuenyo ngwaahịa. Ngalaba "Na-abịa na Framer" na-eji mgbidi akara ngosi na grid kọlụm 4. Na ngalaba obodo, a na-etinye nseta ihuenyo ngwaahịa n'ime akpa etiti, nke obosara zuru oke nwere nkuku gbara gburugburu. Njem dị ntakịrị - ogwe dị gịrịgịrị nke elu nwere akara ngosi n'aka ekpe na njikọ dabara na aka nri, na-enweghị njikwa a na-ahụ anya. Usoro nkebi: oghere kwụ ọtọ 80px dị mkpa n'etiti ngalaba, na-emepụta agwaetiti dị iche iche nke ọdịnaya na-ese n'ime oghere.
Ihuenyo nke interface onye ọrụ nke ngwaahịa ahụ na-achịkwa—nke windo dị ka chrome nwere ntụpọ ọkụ okporo ụzọ, ihuenyo ndị etinyere na ngwa ahụ na-aghọ ihe osise bụ isi. Akara ngosi, nke na-eje ozi dị ka ihe akaebe nke ịdị mma, na-egosi na mkpụrụedemede ọcha na ndabere ojii nwere oghere sara mbara. Anaghị eji foto, ihe osise, ma ọ bụ eserese nkịtị eme ihe—asụsụ anya bụ ngwaahịa ahụ n'onwe ya, nke egosiri dị ka interface dị ndụ. Ụdị akara ngosi: minimalist, nke edepụtara, monochrome na ọcha na obere nha. Njupụta ederede: nke kachasị ederede, yana obere iberibe buru ibu n'ụdị nseta ihuenyo ngwaahịa. Nha anya nke oghere na-akwado typography karịa onyonyo.
Paletị
Akara
- Vivid Violet
#0066ff— Bọtịnụ ihe omume bụ naanị ebe dị na interface ebe a na-egosi ndabere bọtịnụ agba siri ike.
Na-anọpụ iche
- Bone
#ffffff— Isi okwu, isi ederede na ndabere gbara ọchịchịrị, ndabere bọtịnụ bụ naanị isi iyi nke ìhè. - Void
#000000— Ihe osise ibe ahụ, ndabere ụzọ, elu kaadị, ihe e ji ejupụta akara ngosi—ha niile bụ agba ojii na-enweghị njedebe nke na-amịkọrọ ihe niile na-adịghị mkpa. - Graphite
#111111— Elu kaadị ndị e buliri elu dị otu nzọụkwụ karịa oghere efu ahụ—nnukwu kaadị ndị na-arụ ọrụ na akpa modal. - Obsidian
#171717— Elu dị n'etiti maka bọtịnụ, kaadị ndị ọzọ, ihe ndị na-ejupụta UI - na-ekewapụ ihe ndị na-emekọrịta ihe na kanvas. - Slate
#242424— N'elu hover, ubi ntinye na panel ndị nwere agba bụ onyinyo na-egbuke egbuke nke na-anọpụ iche tupu ịgbanwee gaa na usoro ederede. - Ash
#333333— Jupụta miri emi maka onyonyo ndabere na-adịghị arụ ọrụ na ihe owuwu.
Ụdị edemede
site na 12 ruo 68px · Nzọụkwụ 8
- sans-serif — nnọchi: Inter · ihe nhazi 400 · sans-serif - achọtara na data ewepụtara mana AI akọwaghị ya.
- GT Walsheim — nnọchi: Inter Tight · ihe nhazi 500 · Mkpụrụedemede maka isi okwu na aha bụ mkpụrụedemede akara. A na-agbakọta ya nke ọma, ya na oghere ahịrị nke 0.8–1.1 na oghere mkpụrụedemede nke -0.04em ruo -0.05em na oke 44–68px. Ọ bụghị ihe ịchọ mma; okpomọkụ geometric nke GT Walsheim, yana usoro siri ike, na-emepụta olu sistemụ ahụ - obi ike, obere, na obere ọdịnihu. Maka ngosipụta geometric yiri nke ahụ, tụlee Inter Tight ma ọ bụ Space Grotesk Bold.
- Inter Variable — nnọchi: Inter · ihe nhazi 400 · Isi ederede, ụzọ ntụgharị, na isi okwu nke abụọ bụ ihe na-arụ ọrụ. Axis Inter Variable na-enye ohere maka njikọta dị nro nke ibu. Nlele na-ebelata ka nha na-abawanye: site na -0.001em ruo 18px na ruo -0.027em ruo 22px. Ụdị mgbanwe ahụ na-enye ohere maka obere ihe ngosi dị nro nke saịtị ahụ. Ndochi: Inter ( Google) – ọdịda azụ yiri nke ahụ.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | nkezi |
| Nzọụkwụ bụ isi | 10px |
| Redịọs bọtịnụ | 9999px |
| Redịọs kaadị | 20px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 80px |
| Obosara ibe | 1200px |
AI ga-ewulite weebụsaịtị gị n'ụdị Framer ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- Auros — Ọdụ abyssal nwere bọọlụ data bioluminescent
- Origin Financial — Ụlọ ngosi ihe ngosi nke abalị nke ihe okomoko dị jụụ. Ụlọ dị jụụ, nke fọrọ nke nta ka ọ bụrụ ọchịchịrị ebe nnukwu mkpụrụedemede serif na obere panel agba agba na-emepụta mmetụta na ego bụ ọrụ nka a haziri nke ọma.
- Raycast — Ebe Iwu Etiti abalị, Coral Neon
- Dimension — ụlọ ọrụ na-enwu gbaa n'abalị nwere panel iko oyi kpọnwụrụ akpọnwụ
- Reflect Notes — Oghere kpakpando jupụtara na violet bụ ebe a na-ekiri ihe nkiri gbara ọchịchịrị ebe ndetu na-efegharị dị ka kpakpando n'akụkụ ihe fọrọ nke nta ka ọ bụrụ ihe efu nke indigo ojii.
- Ameba — Ụlọ njikwa n'etiti abalị - ọkụ eletrik na-acha anụnụ anụnụ dị n'ime panel iko oyi kpọnwụrụ akpọnwụ
- Branding — Mgbidi ụlọ ngosi ihe nkiri ojii, ihe ngosi ọbara ọbara - Mkpụrụ akwụkwọ ọcha buru ibu na-ese n'elu ákwà gbara ọchịchịrị nke yiri oghere, nke otu olu uhie na-egbuke egbuke na ihe ịchọ mma mara mma nke yiri ihe ngosi ụlọ ngosi ihe nkiri karịa interface weebụ kwụsịrị.
- Harness — Njikwa Ọrụ n'etiti abalị na ihe ngosi akwụkwọ ndụ akwụkwọ ndụ phosphorescent
- Koto — Ụlọ ngosi ihe ngosi Obsidian n'etiti abalị. Ebe ihe nkiri fọrọ nke nta ka ọ bụrụ oji ojii, ebe naanị isi iyi ọkụ na-ekpo ọkụ bụ otu ihe nrịbama odo odo, ụdị ihe ndị a kpọchiri akpọchi na-ese n'elu oghere dị ukwuu dị ka ihe ngosi.
- Ohzi — Kube na-egbuke egbuke nke a kwụnyere n'ime ụlọ ngosi ihe nkiri gbara ọchịchịrị
- Depot — Ọdụ ihe nkesa gbara ọchịchịrị. Igwe ihe nrụpụta ihe fọrọ nke nta ka ọ bụrụ oji, nwere otu LED akwụkwọ ndụ akwụkwọ ndụ na-egosi mmalite ọrụ, yana ihe ndị ọzọ dị na ihuenyo onye ọrụ na-egosi na graphite.
- Maciej Zadykowicz — Ụlọ ihe ngosi nke etiti abalị nwere ihe osise kaleidoscopic ya bụ mgbidi ụlọ ihe nkiri fọrọ nke nta ka ọ bụrụ oji ebe otu ihe osise mara mma, nke nwere agba mara mma na-adọrọ uche ebe ihe niile dị jụụ ma na-eme nke ọma.