Framer
neónová galéria v prázdnote
Framer funguje ako takmer úplná tma – čierne plátno, kde sa obsah vznáša ako neónový nápis pri otvorení galérie. Nadpisy, vsadené v písme GT Walsheim Medium s tesným riadkovaním 0,8–1,1 a agresívnym negatívnym riadkovaním písmen (-0,04em pri 54px), vytvárajú zhustené, dekoratívne písmo, ktoré sa skôr tlačí dopredu, než aby úhľadne ležalo na stránke. Jedna elektrická modrá (#0099ff) poskytuje všetky funkčné akcenty – orámovanie, žiaru, ikony, aktívne stavy – zatiaľ čo zvyšok rozhrania zostáva achromatický a spolieha sa na jemné sivé prechody (#111, #171717, #242424) na vytvorenie hĺbky z čistej čiernej. Komponenty pôsobia skôr premyslene ako dekoratívne: zaoblené polomery 8–25px, tenké orámovanie s hrúbkou 1px, minimálne vrhnuté tiene a priesvitné povrchy, ktoré umožňujú presvitať prázdnemu priestoru.
Sekcie s plnou šírkou presahujú čierne plátno s obsahom obmedzeným na maximálnu šírku ~1200px a vycentrovaným vo vnútri. Hlavná sekcia obsahuje hlavičku zarovnanú vľavo a jedno tlačidlo s výzvou na akciu (CTA), pričom pravá strana je zámerne ponechaná prázdna – asymetricky, nie vycentrovaná. Sekcie sa striedajú medzi textovým rozložením (veľká hlavička + podtext) a snímkami obrazovky produktu. Sekcia „Dodáva sa s Framerom“ využíva stenu s logom v 4-stĺpcovej mriežke. V sekcii komunity je snímka obrazovky produktu umiestnená v centrovanom kontajneri s plnou šírkou a zaoblenými rohmi. Navigácia je minimálna – tenký horný panel s logom vľavo a odkazmi zarovnanými vpravo, bez viditeľných ovládacích prvkov. Rytmus sekcií: výrazné 80px zvislé medzery medzi sekciami, ktoré vytvárajú zreteľné ostrovčeky obsahu plávajúce v prázdnom priestore.
Dominujú snímky obrazovky používateľského rozhrania produktu – vložené snímky obrazovky aplikácie, orámované chrómovým oknom s bodkami semaforu, sa stávajú hlavným obrázkom. Logá, slúžiace ako dôkaz kvality, sú prezentované bielym písmom na čiernom pozadí s veľkými riadkovaniami. Nepoužívajú sa žiadne fotografie, ilustrácie ani abstraktná grafika – vizuálnym jazykom je samotný produkt, zobrazený ako živé rozhranie. Štýl ikon: minimalistický, s obrysmi, monochromatický a biely v malých veľkostiach. Hustota textu: prevažne text, s občasnými veľkými fragmentmi vo forme snímok obrazovky produktu. Vizuálna rovnováha priestoru jasne uprednostňuje typografiu pred obrázkami.
Paleta
Značka
- Vivid Violet
#0066ff— Hlavné akčné tlačidlo je jediné miesto v rozhraní, kde sa zobrazuje jednofarebné pozadie tlačidla.
Neutrálny
- Bone
#ffffff— Hlavné nadpisy, hlavný text na tmavom pozadí, pozadie tlačidiel je jediným zdrojom svetla. - Void
#000000— Plátno stránky, pozadie navigácie, povrchy kariet, výplň ikon – to všetko je nekonečná čierna farba, ktorá pohlcuje všetok nepodstatný obsah. - Graphite
#111111— Zvýšené povrchy kariet sú krokom nad prázdnotou – veľké funkčné karty a modálne kontajnery. - Obsidian
#171717— Medziľahlá plocha pre tlačidlá, ďalšie karty, výplne používateľského rozhrania – oddeľuje interaktívne prvky od plátna. - Slate
#242424— Pri podržaní kurzora myši majú vstupné polia a odsadené panely najjasnejší neutrálny odtieň pred prepnutím do textového formátu. - Ash
#333333— Hlboká výplň pre neaktívne obrázky na pozadí a štrukturálne prvky.
Typografia
od 12 do 68px · 8 krokov
- sans-serif — náhrada: Inter · obrysy 400 · bezpätkové – nájdené v extrahovaných dátach, ale umelá inteligencia ich nepopísala.
- GT Walsheim — náhrada: Inter Tight · obrysy 500 · Písmo pre nadpisy a názvy je značkovým písmom. Je agresívne zhutnené, s riadkovaním 0,8 – 1,1 a rozstupom písmen -0,04 em až -0,05 em v rozsahu 44 – 68 px. Nie je to dekoratívny prvok; geometrické teplo GT Walsheim v kombinácii s prísnymi metrikami vytvára hlas systému – sebavedomý, kompaktný a mierne futuristický. Pre podobné geometrické vyjadrenie zvážte Inter Tight alebo Space Grotesk Bold.
- Inter Variable — náhrada: Inter · obrysy 400 · Hlavný text, navigácia a sekundárne nadpisy sú hlavným ťahúňom. Os Inter Variable umožňuje plynulú interpoláciu váh. Sledovanie sa zužuje so zväčšujúcou sa veľkosťou: z -0,001 em na 18 px a z -0,027 em na 22 px. Variable verzia umožňuje plynulé mikroanimácie stránky. Náhrada: Inter ( Google) – prakticky identická záložná verzia.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 10px |
| Polomer tlačidla | 9999px |
| Polomer karty | 20px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 80px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Framer a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Auros — Abyssalský terminál s bioluminiscenčnými dátovými guľami
- Origin Financial — Polnočná galéria tichej opulentnosti. Tichá, takmer tmavá miestnosť, kde veľké pätkové písmo a niekoľko osvetlených farebných panelov vytvárajú pocit, že financie sú starostlivo kurátorsky spracovaným umeleckým dielom.
- Raycast — Polnočné veliteľské centrum, Coral Neon
- Dimension — pracovisko osvetlené za súmraku s matnými sklenenými panelmi
- Reflect Notes — Hviezdno-fialový priestor je tmavé observatórium, kde sa tóny vznášajú ako súhvezdia na pozadí takmer čiernej indigovej prázdnoty.
- Ameba — Riadiaca miestnosť o polnoci – elektricky modrý pulz vo vnútri matných sklenených panelov
- Branding — Čierna stena galérie, krvavočervené akcenty - Veľké biele písma sa vznášajú na tmavom plátne, ktoré pripomína prázdnotu, prerušovanú jediným jasne červeným akcentom a výraznými dekoratívnymi prvkami, ktoré vyzerajú skôr ako označenie galérie než webové rozhranie.
- Harness — Riadenie misie o polnoci s fosforeskujúcimi zelenými akcentmi
- Koto — Galéria Obsidian o polnoci. Takmer úplne tmavé javisko, kde jediným zdrojom teplého svetla je jediná žltá fixka a zhustené písmo sa vznáša v obrovskom negatívnom priestore ako výstavné plagáty.
- Ohzi — Žiariaca kocka zavesená v tmavej galérii
- Depot — Tmavý serverový terminál. Takmer čierna vývojárska konzola s jednou zelenou LED diódou signalizujúcou začiatok práce a zvyšok používateľského rozhrania zobrazený v grafite.
- Maciej Zadykowicz — Galéria Polnoc s kaleidoskopickou nástennou maľbou je takmer čiernou stenou štúdia, kde jedno žiarivé, farebné typografické umelecké dielo púta pozornosť, zatiaľ čo všetko ostatné zostáva tiché a rozvážne.