Subframe
Grafická kresba na teplom pergamene. Dizajnérsky papier, kde každý ťah je buď grafit, alebo guma, nikdy nie farba – hĺbka sa dosahuje hrúbkou čiary a riedkymi pätkami.
Subframe je pracovný priestor monochromatického dizajnéra: teplé, krémové plátno, grafitovo-čierny atrament a úplná absencia chromatických akcentov. Celé rozhranie je vnímané ako jeden materiál – papier, ceruzka a tieň – s jedným výrazným typografickým prvkom: rafinovanou pätkovou čiarou (Instrument Serif) kontrastujúcou so systematickým bezpätkovým písmom (Inter), ktoré dodáva titulkom redakčnú vážnosť. Povrchy sú ploché a orámované, nie vyvýšené; hĺbka sa dosahuje tenkými deliacimi čiarami v odtieni #e5e7eb a vloženými zvýrazneniami na tmavých ovládacích prvkoch, nie tieňmi. Hustota je veľkorysá: široký vertikálny rytmus (48 – 64 px medzier medzi sekciami), centrované rozloženie na celú šírku a veľkorysý biely priestor okolo textu. Jedinou farbou je kontrast medzi takmer bielou a takmer čiernou, vďaka čomu je tmavé tlačidlo najvýraznejším prvkom na každej stránke a pás log partnerských značiek v sivých tónoch jediným dekoratívnym vizuálnym prvkom.
Centrálne rozloženia na celú šírku (1200px) s veľkorysým vertikálnym rytmom. Hlavným prvkom je jeden, centrovaný blok: tmavý, segmentovaný ovládací prvok v hornej časti, veľký nadpis „Inter“, jednoriadkový podnadpis a dve susediace tlačidlá (vyplnené + priesvitné) – bez bočného obrázka, bez rozdelenia rozloženia. Pod hlavným prvkom sa nachádza centrovaný pruh loga v odtieňoch sivej. Každá nasledujúca sekcia sa riadi rovnakým vzorom: blok s názvom a podnadpisom zarovnaný vľavo, potom rámček prezentácie produktu na celú šírku s 48 – 64px medzerou medzi sekciami. Navigácia je minimálna: horný panel s centrovanými odkazmi a akciami zarovnanými vpravo, žiadny bočný panel, žiadne mega menu. Stránka sa číta zhora nadol ako séria centrovaných vyhlásení, pričom každé z nich má dostatok priestoru – rozloženie pôsobí skôr ako redakčné portfólio než ako preplnená stránka produktu.
Vizuálny dizajn je minimalistický a funkčný. Systém využíva dva vizuálne režimy: (1) zarámované snímky obrazovky produktu a makety používateľského rozhrania uzavreté v rámoch s polomerom 24px – zobrazujú skutočné komponenty rozhrania (tabuľky, tlačidlá, formuláre) vykreslené v rovnakej monochromatickej palete, vďaka čomu snímky obrazovky pôsobia bezproblémovo integrovane do stránky; (2) jeden pás log partnerov v odtieňoch sivej slúži ako sociálny dôkaz, vykreslený plocho, bez farby alebo kontajnerov. Neexistujú žiadne fotografie životného štýlu, abstraktné prechody ani 3D rendery. Jediným ilustratívnym prvkom je tmavá „dlaždica“ produktu umiestnená v strede na teplom sivom pozadí s ikonou značky – vníma sa ako ukážka produktu, nie ako dekorácia. Všetky obrázky sú v textovom rozložení, kde vizuálnu váhu nesie text.
Paleta
Neutrálny
- Page Canvas
#fafafa— Pozadie stránky, pohľadnica na plátne, svetlý text na tmavých plochách – teplá biela farba, ktorá je základom celého monochromatického systému. - Hairline Border
#e5e7eb— Oddeľovače, okraje kariet, rámčeky obrázkov, obrysy ikon – najčastejšie používaný typ obrysu v systéme, definuje priestorovú štruktúru. - Card Surface
#ededed— Zvýšené pozadie pre karty, ďalší povrch - sa nachádza o krok nad plátnom a vytvára zoskupenie bez tieňov. - Divider Mid
#dadada— Stredné tónové oddeľovače a prechody medzi sekciami - Graphite
#242424— Vysokokontrastná neutrálna výplň pre hlavné tlačidlá na svetlých povrchoch. - Ink Black
#171717— Hlavný text, nadpisy, obrysy ikon - trochu chladnejšie ako Graphite, používa sa skôr na typografiu ako na povrchy.
Typografia
od 12 do 128px · 7 krokov
- Inter — náhrada: Inter (Google Fonts) · obrysy 500, 600, 700 · Rozhranie bezpätkového systému – navigácia, text tela, tlačidlá, podnadpisy a nadpisy sekcií. Hmotnosť: 500 pre text tela a ovládacie prvky, 600 pre podnadpisy a navigačné zvýraznenia a 700 pre nadpisy sekcií. Silné negatívne rozstupy písmen komprimujú geometrické tvary akejkoľvek veľkosti, čím rozhraniu dodávajú zhustený, technický vzhľad.
- Instrument Serif — náhrada: Playfair Display · obrysy 400 · Pätkové písmo určené výhradne pre titulky a redakčný obsah. Jeho hrúbka 400 a rozstup písmen -0,025em vytvárajú elegantný, kurzívou napísaný vzhľad, ktorý kontrastuje s industriálnou geometriou písma Inter – charakteristickou technikou: jedno pätkové slovo alebo fráza v rámci bezpätkovej strany, ktoré slúži skôr ako vizuálna interpunkcia než ako štýl titulku.
- Fragment Mono — náhrada: JetBrains Mono · obrysy 400 · Zvýraznite mono pre prvky podobné vloženému kódu, označenia značiek a technické popisy. Používa sa zriedkavo, objavuje sa v zoznamoch funkcií a vložených anotáciách, kde chce návrhový nástroj naznačiť, že „toto je výstup stroja“.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 8px |
| Polomer tlačidla | 16px |
| Polomer karty | 24px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 64px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Subframe 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
- monopo saigon — Tekutá, dúhová žiara za redakčným tichom – monochromatická redakčná galéria vznášajúca sa na roztavenom svetle
- Hyer Aviation — Súmrak v kokpite nad pergamenom. Bledá úsvitná obloha sa stretáva s patkovým logom veľkosti trupu a jediný teplý hlinený akcent prelamuje monochromatickú zdržanlivosť.
- OFF+BRAND. — Dúhová guľa na teplom pergamene
- Seed — živý organizmus pod laboratórnym sklom
- Eindhoven Design District — Redakčný brutalizmus na bielom papieri je manifest mestského dizajnu, vyhotovený veľkým písmom, s minimálnou fotografiou a absolútnou zdržanlivosťou.
- Miranda — Klasické písmo širokého formátu na svetlom krémovom pozadí – úvodník novín pre digitálny vek
- Monocle — Vysokokvalitné noviny veľkého formátu na krémovom papieri. Starostlivo zostavený editoriál, kde si každý stĺpec zaslúži svoje miesto a na stránke sa objavuje iba jedna zmysluplná farba.
- Agencja brandingowa — Editoriálna galéria v bielych tónoch s typografiou napísanou čiernym atramentom
- Websmith Studio — Ranné svetlo na krémovom papieri
- Aspelin Reitan — Architektonický archív od Candlelight – Stránka vyzerá ako portfólio postavených priestorov, pripnuté na stene v teplej krémovej farbe, s jedným riadkom bieleho textu plávajúceho nad každým obrázkom po celej šírke stránky.
- Public — Monochromatický editoriál na studenom mramore – takmer monochromatické plátno s 300-bodovým pätkovým písmom a jediným fialovým akcentom, ktorý vykonáva všetku farebnú prácu.
- Motto — Typografický monolit na papieri – jediný, sebavedomý hlas, ktorý sa hlási na snehobielom papieri