Framer
galri neon nan vid la
Framer fonksyone tankou yon fènwa prèske total—yon twal nwa kote kontni an plane tankou yon siy neon nan yon ouvèti galri. Tit yo, mete nan GT Walsheim Medium ak yon espasman liy sere 0.8–1.1 ak yon espasman lèt negatif agresif (-0.04em nan 54px), kreye yon karaktè dekoratif kondanse ki pouse pi devan olye pou l chita byen sou paj la. Yon sèl ble elektrik (#0099ff) bay tout aksan fonksyonèl yo—bord, ekla, ikon, eta aktif—pandan rès koòdone a rete akromatik, li konte sou tranzisyon gri sibtil (#111, #171717, #242424) pou kreye pwofondè apati nwa pi. Konpozan yo sanble konsidere olye ke dekoratif: reyon awondi 8–25px, bord mens 1px, lonbray minimòm, ak sifas translisid ki pèmèt vid la klere.
Seksyon ki gen lajè konplè yo depase twal nwa a, ak kontni ki limite a yon lajè maksimòm ~1200px epi santre anndan. Seksyon prensipal la gen yon antet ki aliyen agoch ak yon sèl bouton apèl-a-aksyon (CTA), ak bò dwat la ki rete vid espre—asimetrikman, pa santre. Seksyon yo altène ant layout tèks sèlman (gwo antet + sou-tèks) ak ekran pwodwi yo. Seksyon "Vini ak Framer" la itilize yon miray logo nan yon griy 4 kolòn. Nan seksyon kominote a, yon ekran pwodwi mete nan yon veso santre, ki gen lajè konplè ak kwen awondi. Navigasyon an minim—yon ba anlè mens ak logo a sou bò gòch la ak lyen ki aliyen sou bò dwat la, san okenn kontwòl vizib. Ritm seksyon: espas vètikal enpòtan 80px ant seksyon yo, sa ki kreye zile kontni distenk k ap flote nan vid la.
Ekran entèfas itilizatè pwodwi a domine—ankadre pa yon fenèt ki sanble ak chrome ak pwen limyè trafik, ekran aplikasyon an entegre vin tounen imaj prensipal la. Logo yo, ki sèvi kòm prèv kalite, prezante an lèt blan sou yon fon nwa ak yon espas laj. Pa gen foto, ilistrasyon, oswa grafik abstrè ki itilize—langaj vizyèl la se pwodwi a li menm, ki parèt kòm yon entèfas vivan. Stil ikon: minimalist, ak kontou, monokrom ak blan nan ti gwosè. Dansite tèks: sitou tèks, ak gwo fragman detanzantan sou fòm ekran pwodwi. Balans vizyèl espas la favorize tipografi olye de imaj.
Palèt
Mak
- Vivid Violet
#0066ff— Bouton aksyon prensipal la se sèl kote nan koòdone a kote yon background bouton koulè solid parèt.
Netral
- Bone
#ffffff— Tit prensipal yo, tèks prensipal la sou yon fon nwa, fon bouton an se sèl sous limyè a. - Void
#000000— Kanva paj la, background navigasyon an, sifas kat yo, ranpli ikòn yo—tout se yon koulè nwa kontinuèl ki absòbe tout kontni ki pa esansyèl. - Graphite
#111111— Sifas kat ki an relief yo yon etap pi wo pase vid la—kat gwo, fonksyonèl ak resipyan modal. - Obsidian
#171717— Sifas entèmedyè pou bouton, kat adisyonèl, ranpli UI - separe eleman entèaktif yo ak twal la. - Slate
#242424— Lè w ap survole l, chan pou antre yo ak panèl ki gen alans yo gen koulè net ki pi klere anvan yo chanje an fòma tèks. - Ash
#333333— Ranpli pwofon pou imaj background inaktif ak eleman estriktirèl.
Tipografi
soti nan 12 pou rive nan 68px · 8 etap
- sans-serif — ranplasman: Inter · plan 400 · sans-serif - yo jwenn li nan done yo te ekstrè men IA a pa dekri li.
- GT Walsheim — ranplasman: Inter Tight · plan 500 · Font pou tit ak tit yo se font mak la. Li kondanse anpil, ak yon espasman liy 0.8–1.1 ak yon espasman lèt -0.04em a -0.05em nan seri 44–68px la. Se pa yon eleman dekoratif; chalè jewometrik GT Walsheim nan, konbine avèk metrik strik, kreye vwa sistèm nan—konfyan, kontra enfòmèl ant, ak yon ti jan futurist. Pou yon ekspresyon jewometrik menm jan an, konsidere Inter Tight oswa Space Grotesk Bold.
- Inter Variable — ranplasman: Inter · plan 400 · Tèks prensipal la, navigasyon an, ak tit segondè yo se chwal travay la. Aks Entè Varyab la pèmèt yon entèpolasyon pwa ki lis. Suivi a vin pi retresi lè gwosè a ogmante: soti nan -0.001em pou rive nan 18px ak pou rive nan -0.027em pou rive nan 22px. Vèsyon varyab la pèmèt mikwo-animasyon sit la ki lis. Ranplasman: Inter ( Google) – yon solisyon ki prèske idantik.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 10px |
| Reyon bouton | 9999px |
| Reyon kat | 20px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 80px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Framer epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Auros — Tèminal abisal ak boul done bioluminesan
- Origin Financial — Yon galeri minwi ki gen yon opilans trankil. Yon chanm trankil, prèske fènwa kote gwo lèt serif ak kèk panno koulè limen kreye santiman ke finans se yon travay atistik ki byen òganize.
- Raycast — Sant Kòmandman Minwi, Coral Neon
- Dimension — yon estasyon travay ki limen nan lè solèy kouche ak panno an vè glase
- Reflect Notes — Espas vyolèt plen zetwal se yon obsèvatwa fènwa kote nòt yo flote tankou konstelasyon sou yon fon vid prèske nwa koulè digo.
- Ameba — Sal kontwòl la a minwi - yon pulsasyon ble elektrik andedan panno vè glase yo
- Branding — Miray galeri nwa, aksan wouj san - Gwo lèt blan yo flote sou yon twal nwa ki sanble ak yon vid, koupe pa yon sèl aksan wouj vif ak eleman dekoratif frapan ki sanble plis ak yon siy galeri pase yon koòdone entènèt.
- Harness — Kontwòl Misyon a minwi ak aksan vèt fosforesan
- Koto — Galri Obsidian an a minwi. Yon sèn prèske fè nwa nèt, kote sèl sous limyè cho a se yon sèl makè jòn, epi karaktè kondanse ap flote nan gwo espas negatif la tankou afich ekspozisyon.
- Ohzi — Yon kib klere ki sispann nan yon galeri fènwa
- Depot — Yon tèminal sèvè nwa. Yon konsole devlopè prèske nwa, ak yon sèl LED vèt ki siyalize kòmansman travay la, epi rès koòdone itilizatè a parèt an grafit.
- Maciej Zadykowicz — Galri Midnight la, ak miray kalidoskopik li a, se yon miray estidyo prèske nwa kote yon sèl moso atistik tipografik vibran ak kolore atire atansyon pandan tout rès la rete silansye ak delibere.