Framer
neonová galerie v prázdnotě
Framer funguje jako téměř úplná tma – černé plátno, kde se obsah vznáší jako neonový nápis na otevírací době galerie. Nadpisy, vsazené v písmu GT Walsheim Medium s malým řádkováním 0,8–1,1 a agresivním negativním řádkováním písmen (-0,04em při 54px), vytvářejí zhuštěné, dekorativní písmo, které se spíše tlačí dopředu, než aby na stránce úhledně leželo. Jedna elektricky modrá (#0099ff) poskytuje všechny funkční akcenty – okraje, záři, ikony, aktivní stavy – zatímco zbytek rozhraní zůstává achromatický a spoléhá se na jemné šedé přechody (#111, #171717, #242424) k vytvoření hloubky z čisté černé. Komponenty působí spíše promyšleně než dekorativně: zaoblené poloměry 8–25px, tenké okraje o tloušťce 1px, minimální vržené stíny a průsvitné povrchy, které umožňují prosvítat prázdnotě.
Sekce o plné šířce přesahují černé plátno, obsah je omezen na maximální šířku ~1200 pixelů a je vycentrován uvnitř. Hlavní sekce obsahuje záhlaví zarovnané vlevo a jedno tlačítko s výzvou k akci (CTA), přičemž pravá strana je záměrně ponechána prázdná – asymetricky, nikoli vycentrovaná. Sekce se střídají mezi textovým rozvržením (velké záhlaví + podtext) a snímky obrazovky produktů. Sekce „Comes with Framer“ využívá logo ve čtyřsloupcové mřížce. V sekci komunity je snímek obrazovky produktu umístěn v centrovaném kontejneru o plné šířce se zaoblenými rohy. Navigace je minimální – tenký horní panel s logem vlevo a odkazy zarovnanými vpravo, bez viditelných ovládacích prvků. Rytmus sekcí: výrazné svislé mezery 80 pixelů mezi sekcemi, které vytvářejí zřetelné ostrůvky obsahu plovoucí v prázdnotě.
Dominují snímky obrazovky uživatelského rozhraní produktu – vložené snímky obrazovky aplikace, orámované chromovaným oknem s tečkami semaforu, se stávají hlavním obrázkem. Loga, sloužící jako důkaz kvality, jsou prezentována bílým písmem na černém pozadí s velkými řádky. Nejsou použity žádné fotografie, ilustrace ani abstraktní grafika – vizuálním jazykem je samotný produkt, zobrazený jako živé rozhraní. Styl ikon: minimalistický, s obrysy, monochromatický a bílý v malých velikostech. Hustota textu: převážně text, s občasnými velkými fragmenty ve formě snímků obrazovky produktu. Vizuální vyváženost prostoru jasně upřednostňuje typografii před obrázky.
Paleta
Značka
- Vivid Violet
#0066ff— Primární tlačítko akce je jediné místo v rozhraní, kde se zobrazuje jednobarevné pozadí tlačítka.
Neutrální
- Bone
#ffffff— Hlavní nadpisy, hlavní text na tmavém pozadí, pozadí tlačítek je jediným zdrojem světla. - Void
#000000— Plátno stránky, pozadí navigace, povrchy karet, výplň ikon – to vše je nekonečně černá barva, která pohlcuje veškerý nepodstatný obsah. - Graphite
#111111— Vyvýšené plochy karet jsou krokem nad prázdnotou – velké, funkční karty a modální kontejnery. - Obsidian
#171717— Mezilehlá plocha pro tlačítka, další karty, výplně uživatelského rozhraní – odděluje interaktivní prvky od plátna. - Slate
#242424— Při najetí myší jsou vstupní pole a odsazené panely nejjasnějším neutrálním odstínem před přepnutím do textového formátu. - Ash
#333333— Hluboká výplň pro neaktivní obrázky na pozadí a strukturální prvky.
Typografie
od 12 do 68 pixelů · 8 kroků
- sans-serif — nahrazení: Inter · obrysy 400 · bezpatkové - nalezené v extrahovaných datech, ale nepopsané umělou inteligencí.
- GT Walsheim — nahrazení: Inter Tight · obrysy 500 · Písmo pro nadpisy a titulky je značkovým písmem. Je agresivně zhuštěné, s řádkováním 0,8–1,1 em a roztečí písmen -0,04 em až -0,05 em v rozsahu 44–68 px. Není to dekorativní prvek; geometrické teplo GT Walsheim v kombinaci s přísnými metrikami vytváří hlas systému – sebevědomý, kompaktní a lehce futuristický. Pro podobný geometrický výraz zvažte Inter Tight nebo Space Grotesk Bold.
- Inter Variable — nahrazení: Inter · obrysy 400 · Hlavní text, navigace a sekundární nadpisy jsou tahounem. Osa Inter Variable umožňuje plynulou interpolaci vah. Sledování se s rostoucí velikostí zužuje: z -0,001em na 18px a z -0,027em na 22px. Variable verze umožňuje plynulé mikroanimace webu. Náhrada: Inter ( Google) – prakticky identická záložní varianta.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 10px |
| Poloměr tlačítka | 9999px |
| Poloměr karty | 20px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 80px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Framer a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Auros — Abyssalský terminál s bioluminiscenčními datovými koulemi
- Origin Financial — Půlnoční galerie tiché opulentnosti. Tichá, téměř tmavá místnost, kde velké patkové fonty a několik osvětlených barevných panelů vytvářejí pocit, že finance jsou pečlivě kurátorovaným uměleckým dílem.
- Raycast — Půlnoční velitelské centrum, Coral Neon
- Dimension — pracovní stanice osvětlená soumrakem s matnými skleněnými panely
- Reflect Notes — Hvězdně fialový prostor je temná observatoř, kde se tóny vznášejí jako souhvězdí na pozadí téměř černé indigové prázdnoty.
- Ameba — Řídicí místnost o půlnoci – elektricky modrý puls uvnitř matných skleněných panelů
- Branding — Černá galerijní stěna, krvavě rudé akcenty - Velká bílá písma se vznášejí na tmavém plátně, které připomíná prázdnotu, přerušenou jediným jasně červeným akcentem a výraznými dekorativními prvky, které vypadají spíše jako galerijní cedule než webové rozhraní.
- Harness — Řídicí jednotka mise o půlnoci s fosforeskujícími zelenými akcenty
- Koto — Obsidiánová galerie o půlnoci. Téměř černočerné jeviště, kde jediným zdrojem teplého světla je jediný žlutý fix a zhuštěný text se vznáší v rozlehlém negativním prostoru jako výstavní plakáty.
- Ohzi — Zářící krychle zavěšená v temné galerii
- Depot — Tmavý serverový terminál. Téměř černá vývojářská konzole s jedinou zelenou LED diodou signalizující zahájení práce a zbytkem uživatelského rozhraní zobrazeným v grafitu.
- Maciej Zadykowicz — Galerie Midnight s kaleidoskopickou nástěnnou malbou je téměř černá ateliérová stěna, kde jedno zářivé, barevné typografické umělecké dílo upoutá pozornost, zatímco vše ostatní zůstává tiché a rozvážné.