Framer
neonska galerija v praznini
Framer deluje kot skoraj popolna tema – črno platno, kjer vsebina lebdi kot neonski napis na otvoritvi galerije. Naslovi, nastavljeni v pisavi GT Walsheim Medium z ozkim razmikom med vrsticami 0,8–1,1 in agresivnim negativnim razmikom med črkami (-0,04em pri 54px), ustvarjajo zgoščeno, dekorativno pisavo, ki se namesto da bi lepo sedela na strani, potiska naprej. Ena sama električno modra (#0099ff) zagotavlja vse funkcionalne poudarke – obrobe, sijaj, ikone, aktivna stanja – medtem ko preostali del vmesnika ostaja akromatičen in se zanaša na subtilne sive prehode (#111, #171717, #242424), da ustvari globino iz čiste črne. Komponente delujejo premišljeno in ne dekorativno: zaobljeni polmeri 8–25px, tanki obrobi 1px, minimalne padajoče sence in prosojne površine, ki omogočajo, da praznina zasije.
Razdelki polne širine segajo preko črnega platna, vsebina pa je omejena na največjo širino ~1200 slikovnih pik in je centrirana znotraj. Glavni razdelek ima levo poravnano glavo in en sam gumb za poziv k dejanju (CTA), desna stran pa je namerno prazna – asimetrično, ne centrirana. Razdelki se izmenjujejo med postavitvami samo z besedilom (velika glava + podbesedilo) in posnetki zaslona izdelkov. Razdelek»Comes with Framer« uporablja steno z logotipom v mreži s 4 stolpci. V razdelku skupnosti je posnetek zaslona izdelka postavljen v sredinsko postavljen vsebnik polne širine z zaobljenimi vogali. Navigacija je minimalna – tanka zgornja vrstica z logotipom na levi in povezavami, poravnanimi na desno, brez vidnih kontrolnikov. Ritem razdelkov: znatne navpične vrzeli 80 slikovnih pik med razdelki, ki ustvarjajo izrazite otoke vsebine, ki lebdijo v praznini.
Prevladujejo posnetki zaslona uporabniškega vmesnika izdelka – vdelani posnetki zaslona aplikacije, uokvirjeni s kromiranim oknom s semaforskimi pikami, postanejo glavna slika. Logotipi, ki služijo kot dokazilo o kakovosti, so predstavljeni z belimi črkami na črnem ozadju z velikimi razmiki. Fotografije, ilustracije ali abstraktna grafika niso uporabljene – vizualni jezik je sam izdelek, prikazan kot živ vmesnik. Slog ikon: minimalističen, obrisan, enobarven in bel v majhnih velikostih. Gostota besedila: pretežno besedilo, z občasnimi večjimi fragmenti v obliki posnetkov zaslona izdelka. Vizualno ravnovesje prostora očitno daje prednost tipografiji pred slikami.
Paleta
Blagovna znamka
- Vivid Violet
#0066ff— Glavni gumb za dejanje je edino mesto v vmesniku, kjer je prikazano ozadje gumba z enobarvnim ozadjem.
Nevtralno
- Bone
#ffffff— Glavni naslovi, glavno besedilo na temnem ozadju, ozadje gumbov je edini vir svetlobe. - Void
#000000— Platno strani, ozadje navigacije, površine kartic, polnilo ikon – vse je neskončna črna barva, ki absorbira vso nebistveno vsebino. - Graphite
#111111— Dvignjene površine kartic so korak nad praznino – velike, funkcionalne kartice in modalni vsebniki. - Obsidian
#171717— Vmesna površina za gumbe, dodatne kartice, polnila uporabniškega vmesnika - ločuje interaktivne elemente od platna. - Slate
#242424— Ob lebdenju so vnosna polja in zamaknjene plošče najsvetlejšega nevtralnega odtenka, preden preklopite v besedilno obliko. - Ash
#333333— Globoko zapolnitev za neaktivne slike ozadja in strukturne elemente.
Tipografija
od 12 do 68 slikovnih pik · 8 korakov
- sans-serif — zamenjava: Inter · obrisi 400 · sans-serif - najdeno v izvlečenih podatkih, vendar ga umetna inteligenca ne opisuje.
- GT Walsheim — zamenjava: Inter Tight · obrisi 500 · Pisava za naslove in naslove je pisava blagovne znamke. Je agresivno zgoščena, z razmikom med vrsticami 0,8–1,1 in razmikom med črkami od -0,04 em do -0,05 em v razponu od 44 do 68 slikovnih pik. Ni dekorativni element; geometrijska toplina GT Walsheim v kombinaciji s strogimi metrikami ustvarja glas sistema – samozavesten, kompakten in rahlo futurističen. Za podoben geometrijski izraz razmislite o pisavi Inter Tight ali Space Grotesk Bold.
- Inter Variable — zamenjava: Inter · obrisi 400 · Glavno besedilo, navigacija in sekundarni naslovi so delovna sila. Os Inter Variable omogoča gladko interpolacijo uteži. Sledenje se z naraščanjem velikosti zoži: od -0,001 em do 18px in od -0,027 em do 22px. Spremenljiva različica omogoča gladke mikroanimacije spletnega mesta. Zamenjava: Inter ( Google) – praktično enaka nadomestna možnost.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 10px |
| Polmer gumba | 9999px |
| Polmer kartice | 20px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 80px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Framer in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Auros — Breznanski terminal z bioluminiscenčnimi podatkovnimi kroglami
- Origin Financial — Polnočna galerija tihe razkošnosti. Tiha, skoraj temna soba, kjer velike serifne pisave in nekaj osvetljenih barvnih plošč ustvarjajo občutek, da so finance skrbno kurirano umetniško delo.
- Raycast — Polnočni poveljniški center, Coral Neon
- Dimension — delovna postaja z osvetlitvijo v mraku in matiranimi steklenimi ploščami
- Reflect Notes — Zvezdno vijoličen prostor je temen observatorij, kjer note lebdijo kot ozvezdja na ozadju skoraj črne indigo praznine.
- Ameba — Kontrolna soba ob polnoči – električno moder utrip znotraj matiranih steklenih plošč
- Branding — Črna galerijska stena, krvavo rdeči poudarki - Velike bele pisave lebdijo na temnem platnu, ki spominja na praznino, prekinja pa jo en sam svetlo rdeč poudarek in presenetljivi dekorativni elementi, ki so bolj podobni galerijskim oznakam kot spletnemu vmesniku.
- Harness — Nadzor misije ob polnoči s fosforescentno zelenimi poudarki
- Koto — Galerija Obsidian ob polnoči. Skoraj črna tema na odru, kjer je edini vir tople svetlobe en sam rumen marker, zgoščene črke pa lebdijo v ogromnem negativnem prostoru kot razstavni plakati.
- Ohzi — Žareča kocka, obešena v temni galeriji
- Depot — Temen strežniški terminal. Skoraj črna razvijalska konzola z eno samo zeleno LED lučko, ki signalizira začetek dela, preostali del uporabniškega vmesnika pa je prikazan v grafitni barvi.
- Maciej Zadykowicz — Galerija Polnoč s kalejdoskopsko poslikavo je skoraj črna studijska stena, kjer pozornost pritegne eno živahno, barvito tipografsko umetniško delo, medtem ko vse ostalo ostaja tiho in premišljeno.