Subframe
Grafická kresba na teplém pergamenu. Designový papír, kde každý tah je buď grafit, nebo guma, nikdy ne barva – hloubky se dosahuje tloušťkou čáry a řídkými patkami.
Subframe je pracovní prostor černobílého designéra: teplé, krémové plátno, grafitově černý inkoust a naprostá absence chromatických akcentů. Celé rozhraní je vnímáno jako jeden materiál – papír, tužka a stín – s jedním výrazným typografickým prvkem: rafinovaným patkovým písmem (Instrument Serif) kontrastujícím s systematickým bezpatkovým písmem (Inter), které titulkům dodává redakční vážnost. Povrchy jsou ploché a orámované spíše než vyvýšené; hloubky je dosaženo tenkými oddělovači v barvě #e5e7eb a vloženými zvýrazněními na tmavých ovládacích prvcích spíše než ve stínech. Hustota je velkorysá: široký vertikální rytmus (48–64 px mezer mezi sekcemi), centrované rozvržení na celou šířku a velkorysé bílé prostory kolem textu. Jedinou barvou je kontrast mezi téměř bílou a téměř černou, takže tmavé tlačítko je nejvýraznějším prvkem na každé stránce a pás log partnerských značek v šedých tónech jediným dekorativním vizuálním prvkem.
Centrální rozvržení na celou šířku (1200 pixelů) s velkorysým vertikálním rytmem. Hlavním prvkem je jeden centrovaný blok: tmavý, segmentovaný ovládací prvek nahoře, velký nadpis „Inter“, jednořádkový podnadpis a dvě sousední tlačítka (vyplněná + průsvitná) – žádný postranní obrázek, žádné rozdělení rozvržení. Pod hlavním prvkem je centrovaný pruh s logem v odstínech šedi. Každá následující sekce se řídí stejným vzorem: blok s nadpisem a podnadpisem zarovnaný vlevo, poté rámeček pro prezentaci produktu na celou šířku s mezerou mezi sekcemi 48–64 pixelů. Navigace je minimální: horní lišta s vycentrovanými odkazy a akcemi zarovnanými vpravo, žádný postranní panel, žádné mega menu. Stránka se čte odshora dolů jako řada centrovaných prohlášení, z nichž každé má dostatek prostoru – rozvržení působí spíše jako redakční portfolio než přeplněná stránka produktu.
Vizuální design je minimalistický a funkční. Systém využívá dva vizuální režimy: (1) zarámované snímky obrazovky produktů a makety uživatelského rozhraní uzavřené v rámečcích o poloměru 24 pixelů – zobrazují skutečné komponenty rozhraní (tabulky, tlačítka, formuláře) vykreslené ve stejné monochromatické paletě, díky čemuž snímky obrazovky působí bezproblémově integrovaně do stránky; (2) jeden proužek log partnerů v odstínech šedi slouží jako sociální důkaz, vykreslený plochě, bez barvy nebo kontejnerů. Nejsou zde žádné fotografie životního stylu, abstraktní přechody ani 3D rendery. Jediným ilustrativním prvkem je tmavá „dlaždice“ produktu uprostřed na teplém šedém pozadí s ikonou značky – je vnímána jako demonstrace produktu, nikoli jako dekorace. Všechny obrázky zaujímají textové rozvržení, kde vizuální váhu nese text.
Paleta
Neutrální
- Page Canvas
#fafafa— Pozadí stránky, pohlednice na plátně, světlý text na tmavých plochách – teplá bílá barva, která je základem celého monochromatického systému. - Hairline Border
#e5e7eb— Oddělovače, okraje karet, rámečky obrázků, obrysy ikon – nejčastěji používaný typ obrysu v systému, definuje prostorovou strukturu. - Card Surface
#ededed— Vyvýšené pozadí pro karty, další plocha - je umístěno o krok nad plátnem a vytváří seskupení bez stínů. - Divider Mid
#dadada— Středotónové oddělovače a přechody mezi sekcemi - Graphite
#242424— Vysoce kontrastní neutrální výplň pro primární tlačítka na světlých površích. - Ink Black
#171717— Tělo textu, nadpisy, obrysy ikon - o něco chladnější než Graphite, používá se spíše pro typografii než pro povrchy.
Typografie
od 12 do 128 pixelů · 7 kroků
- Inter — nahrazení: Inter (Google Fonts) · obrysy 500, 600, 700 · Rozhraní bezpatkového systému – navigace, text, tlačítka, podnadpisy a nadpisy sekcí. Váha: 500 pro text a ovládací prvky, 600 pro podnadpisy a navigační akcenty a 700 pro nadpisy sekcí. Silné negativní řádkování písmen komprimuje geometrické tvary jakékoli velikosti, což dodává rozhraní zhuštěný, technický vzhled.
- Instrument Serif — nahrazení: Playfair Display · obrysy 400 · Patkové písmo určené výhradně pro titulky a redakční obsah. Jeho tloušťka 400 a rozteč písmen -0,025em vytvářejí elegantní kurzívu, která kontrastuje s industriální geometrií písma Inter – charakteristickou technikou: jedno patkové slovo nebo fráze na bezpatkové stránce, které slouží spíše jako vizuální interpunkce než jako styl titulku.
- Fragment Mono — nahrazení: JetBrains Mono · obrysy 400 · Zvýrazněte mono pro prvky podobné kódu v kódu, popisky tagů a technické popisky. Používá se střídmě, objevuje se v seznamech funkcí a vložených anotacích, kde chce návrhový nástroj označit „toto je výstup stroje“.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 8px |
| Poloměr tlačítka | 16px |
| Poloměr karty | 24px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 64px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Subframe 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
- monopo saigon — Tekutá, duhová záře za redakčním tichem – monochromatická redakční galerie vznášející se na roztaveném světle
- Hyer Aviation — Soumrak v kokpitu nad pergamenem. Bledá ranní obloha se setkává s patkovým logem velikosti trupu a jediný teplý hliněný akcent prolamuje monochromatickou zdrženlivost.
- OFF+BRAND. — Duhová koule na teplém pergamenu
- Seed — živý organismus pod laboratorním sklem
- Eindhoven Design District — Redakční brutalismus na bílém papíře je manifest městského designu, provedený velkým písmem, s minimem fotografie a absolutní zdrženlivostí.
- Miranda — Klasický velkoformátový typ písma na světle krémovém pozadí – novinový úvodník pro digitální věk
- Monocle — Vysoce kvalitní noviny velkého formátu na krémově zbarveném papíru. Pečlivě sestavený úvodník, kde si každý sloupec zaslouží své místo a na stránce se objevuje pouze jedna smysluplná barva.
- Agencja brandingowa — Redakční galerie v bílých tónech s typografií provedenou černým inkoustem
- Websmith Studio — Ranní světlo na krémovém papíře
- Aspelin Reitan — Architektonický archiv od Candlelight - Stránka vypadá jako portfolio postavených prostor, připnuté na teplé krémové zdi, s jedním řádkem bílého textu, který se vznáší nad každým obrázkem po celé šířce stránky.
- Public — Monochromatický editoriál na chladném mramoru – téměř černobílé plátno, s patkovým písmem o velikosti 300 bodů a jediným fialovým akcentem, který odvádí veškerou barevnou práci.
- Motto — Typografický monolit na papíře – jediný, sebevědomý hlas, který se prohlašuje na sněhobílém papíře