Framer
Neonska galerija u praznini
Framer funkcioniše kao gotovo potpuni mrak - crno platno gdje sadržaj lebdi poput neonskog znaka na otvaranju galerije. Naslovi, postavljeni u GT Walsheim Medium fontu s uskim razmakom između redova od 0,8–1,1 i agresivnim negativnim razmakom između slova (-0,04em na 54px), stvaraju sažet, dekorativan font koji se gura naprijed, a ne stoji uredno na stranici. Jedna električno plava (#0099ff) pruža sve funkcionalne akcente - okvire, sjaj, ikone, aktivna stanja - dok ostatak interfejsa ostaje ahromatski, oslanjajući se na suptilne sive prijelaze (#111, #171717, #242424) kako bi se stvorila dubina iz čiste crne. Komponente djeluju promišljeno, a ne dekorativno: zaobljeni radijusi od 8–25px, tanki okviri od 1px, minimalne sjene i prozirne površine koje omogućavaju da praznina prosijava.
Dijelovi pune širine protežu se izvan crnog platna, sa sadržajem ograničenim na maksimalnu širinu od ~1200px i centriran je unutar njega. Glavni dio sadrži zaglavlje poravnato lijevo i jedno dugme za poziv na akciju (CTA), pri čemu je desna strana namjerno ostavljena prazna - asimetrično, nije centrirana. Dijelovi se izmjenjuju između rasporeda samo s tekstom (veliko zaglavlje + podtekst) i snimaka ekrana proizvoda. Dio "Dolazi s Framerom" koristi zid logotipa u mreži s 4 stupca. U odjeljku zajednice, snimak ekrana proizvoda smješten je unutar centriranog spremnika pune širine sa zaobljenim kutovima. Navigacija je minimalna - tanka gornja traka s logotipom s lijeve strane i linkovima poravnatim s desne strane, bez vidljivih kontrola. Ritam odjeljka: značajni vertikalni razmaci od 80px između odjeljaka, stvarajući izrazita ostrva sadržaja koja lebde u praznini.
Snimci ekrana korisničkog interfejsa proizvoda dominiraju - uokvireni prozorom nalik hromu sa semaforskim tačkicama, ugrađeni snimci ekrana aplikacije postaju glavna slika. Logotipi, koji služe kao dokaz kvaliteta, predstavljeni su bijelim slovima na crnoj pozadini sa širokim razmakom. Ne koriste se fotografije, ilustracije ili apstraktna grafika - vizuelni jezik je sam proizvod, prikazan kao živi interfejs. Stil ikona: minimalistički, ocrtan, monohromatski i bijel u malim veličinama. Gustoća teksta: pretežno tekst, sa povremenim velikim fragmentima u obliku snimaka ekrana proizvoda. Vizuelna ravnoteža prostora jasno favorizuje tipografiju u odnosu na slike.
Paleta
Brend
- Vivid Violet
#0066ff— Primarno dugme za akciju je jedino mjesto u interfejsu gdje se prikazuje jednobojna pozadina dugmeta.
Neutralno
- Bone
#ffffff— Glavni naslovi, glavni tekst na tamnoj pozadini, pozadina dugmadi je jedini izvor svjetlosti. - Void
#000000— Platno stranice, pozadina navigacije, površine kartica, ispuna ikona - sve je to beskrajna crna boja koja apsorbira sav nebitan sadržaj. - Graphite
#111111— Podignute površine kartica su korak iznad praznine – velike, funkcionalne kartice i modalni kontejneri. - Obsidian
#171717— Međupovršina za dugmad, dodatne kartice, UI ispune - odvaja interaktivne elemente od platna. - Slate
#242424— Pri zadržavanju pokazivača miša, polja za unos i uvučeni paneli su najsvjetlije neutralne nijanse prije prelaska u tekstualni format. - Ash
#333333— Duboko popunjavanje za neaktivne pozadinske slike i strukturne elemente.
Tipografija
od 12 do 68px · 8 koraka
- sans-serif — zamjena: Inter · obrisi 400 · sans-serif - pronađen u izdvojenim podacima, ali ga vještačka inteligencija nije opisala.
- GT Walsheim — zamjena: Inter Tight · obrisi 500 · Font za naslove i naslove je font brenda. Agresivno je sažet, s proredom između redova od 0,8–1,1 i proredom između slova od -0,04em do -0,05em u rasponu od 44–68px. Nije dekorativni element; geometrijska toplina GT Walsheima, u kombinaciji sa strogim metrikama, stvara glas sistema – samouvjeren, kompaktan i pomalo futuristički. Za sličan geometrijski izraz, razmislite o Inter Tight ili Space Grotesk Bold.
- Inter Variable — zamjena: Inter · obrisi 400 · Glavni tekst, navigacija i sekundarni naslovi su glavni dio. Inter Variable osa omogućava glatku interpolaciju težina. Praćenje se sužava kako se veličina povećava: od -0,001em do 18px i do -0,027em do 22px. Varijabilna verzija omogućava glatke mikro-animacije stranice. Zamjena: Inter ( Google) – praktično identična rezervna opcija.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 10px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 20px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 80px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Framer stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Auros — Bezdanski terminal s bioluminiscentnim podatkovnim kuglama
- Origin Financial — Ponoćna galerija tihe raskoši. Tiha, gotovo mračna soba u kojoj veliki serifni fontovi i nekoliko osvijetljenih obojenih panela stvaraju osjećaj da su financije pažljivo odabrano umjetničko djelo.
- Raycast — Ponoćni komandni centar, Coral Neon
- Dimension — radno mjesto osvijetljeno u sumraku s matiranim staklenim pločama
- Reflect Notes — Zvjezdano ljubičasti prostor je mračna opservatorija gdje note lebde poput sazviježđa na pozadini gotovo crne indigo praznine.
- Ameba — Kontrolna soba u ponoć – električno plavi puls unutar matiranih staklenih panela
- Branding — Crni zid galerije, krvavo crveni akcenti - Veliki bijeli fontovi lebde na tamnom platnu koje podsjeća na prazninu, prekinutu jednim jarko crvenim akcentom i upečatljivim dekorativnim elementima koji više liče na galerijske natpise nego na web interfejs.
- Harness — Kontrola misije u ponoć s fosforescentnim zelenim akcentima
- Koto — Galerija Obsidian u ponoć. Gotovo mrkli mrak na pozornici, gdje je jedini izvor tople svjetlosti jedan žuti marker, a zgusnuti tekst lebdi u ogromnom negativnom prostoru poput izložbenih plakata.
- Ohzi — Svijetleća kocka suspendirana u mračnoj galeriji
- Depot — Tamni serverski terminal. Gotovo crna konzola za razvojne programere, s jednom zelenom LED lampicom koja signalizira početak rada, a ostatak korisničkog interfejsa prikazan je u grafitnoj boji.
- Maciej Zadykowicz — Galerija Midnight sa svojim kaleidoskopskim muralom je gotovo crni studijski zid gdje jedno živopisno, šareno tipografsko umjetničko djelo privlači pažnju dok sve ostalo ostaje tiho i promišljeno.