Medium
krémově bílé noviny v zlaté hodince
Médium funguje jako literární čítárna transplantovaná na web: teplé, krémové pozadí (#f7f4ed) nahrazuje sterilní bílou typickou pro SaaS, díky čemuž dlouhé texty působí jako vytištěná stránka. Vizuální systém je agresivně monochromatický – téměř všechny povrchy uživatelského rozhraní, text a okraje jsou v úzkém pásu teplých šedých odstínů od #242424 do #6b6b6b – takže čtenářova pozornost je plně soustředěna na obsah. Jediným charakteristickým gestem je patkový nadpis (GT Super, 120px, váha 400, rozteč písmen -0,055em), záměrná volba proti trendu: přechodné knižní patkové písmo zmenšené pro zobrazení, sotva znatelné, spíše než tučný geometrický bezpatkový, signalizuje: „Vydáváme knihy, ne software.“ Tlačítka jsou plné „pilulky“ téměř černé barvy – jediný pevný inkoust na stránce.
Domovská stránka má dva sloupce: levá strana zabírá přibližně 55 % prostoru stránky, přičemž nadpis, podtext a výzva k akci jsou uspořádané svisle s velkorysým vnitřním řádkováním; pravá strana zabírá přibližně 45 % prostoru stránky s panelem s ilustracemi. Levý sloupec je zarovnán doleva (není vycentrován), čímž je stránka ukotvena k ose čtení. Pod domovskou stránkou je stránka tvořena jedním, celošířkovým, krémově zbarveným pásem s odkazy uprostřed v zápatí. Na domovské stránce nejsou žádné mřížky karet, sekce s funkcemi ani střídající se pruhy – domovská stránka JE stránkou. Hustota obsahu je záměrně nízká: jeden nadpis, jedna věta, jedno tlačítko, jeden obrázek. Stránka je spíše obálka, než dashboard.
Ilustrace jsou redakční a epizodické, nikoli systematické. Hlavní stránka obsahuje jedinou ručně kreslenou ilustraci (zelená květina, geometrická ruka, čáry souhvězdí) ve volném, lehce naivním stylu. Ilustrace vypadají spíše jako díla na zakázku, která se mění sezónně, než ze stálé knihovny. Na hlavní stránce nejsou žádné fotografie. Na hlavní stránce nejsou žádné ikony – veškerou práci zajišťují textové logo a samotný text. Vizuální jazyk je primárně textově orientovaný, ilustrace slouží jako interpunkce.
Paleta
Neutrální
- Newsprint Cream
#f7f4ed— Plátno stránky, pozadí hlavního okna a pozadí sekce mají teplý, lehce krémový odstín, který vytváří spíše dojem tištěného než digitálního rozhraní. - Paper White
#ffffff— Povrchy karet, vyvýšené panely, pole pro zadávání formulářů a jakékoli povrchy, které je třeba oddělit od krémového plátna. - Ink
#242424— Text v těle, odkazy, nadpisy - o něco teplejší než čistě černá, vypadá dobře na krémovém pozadí. - Body Gray
#333333— Sekundární barva textu a výchozí barva popředí se používají tam, kde je požadována barva o něco světlejší než barva inkoustu, aniž by došlo ke ztrátě kontrastu. - Button Black
#191919— Pro sekundární prvky uživatelského rozhraní, oddělovače a tlumené popisky je podporována neutrální barva. Neměla by se používat jako primární barva pro výzvy k akci. - Marginalia Gray
#6b6b6b— Podpora neutrálních barev pro sekundární uživatelské rozhraní, oddělovače a tlumené popisky.
Typografie
od 13 do 120 pixelů · 5 kroků
- medium-content-sans-serif-font — nahrazení: Inter · obrysy 400 · font medium-content-sans-serif – nalezený v extrahovaných datech, ale nepopsaný umělou inteligencí.
- GT Super — nahrazení: Playfair Display · obrysy 400 · Nadpisy a text jsou psány přechodovým knižním patkovým písmem v extrémním měřítku s malým řádkováním a řádkováním 0,83. Volba tloušťky 400 (ne tučné) s rozlišením 120 pixelů je charakteristickým prvkem: práci dělají tvary písmen, nikoli tloušťka. Negativní řádkování písmen zužuje optické mezery, díky čemuž „Lidské příběhy a myšlenky“ působí jako soudržný typografický blok.
- Söhne — nahrazení: Inter · obrysy 400 · Bezpatkové písmo UI se používá pro navigaci, tlačítka, podnadpisy a malé nadpisy. Rozsah 13–14px je určen pro navigační popisky a tlačítka; 20–22px je určeno pro podnadpisy a sekundární text v rámci nadpisu. Čisté bezpatkové písmo s humanistickými proporcemi je čitelné u malých velikostí a nenápadné u větších.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 16-24px |
| Poloměr tlačítka | 9999px |
| Poloměr karty | 0px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 64px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Medium 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
- Steep — Analýza patkových fontů na teplém papíře
- Newformcap — Redakční noviny v šatně
- Claude — Artefakt vytištěný na teplém pergamenu – inkoust na kostěném papíře, hlína jako jediný závan barvy
- 11x– Digital workers — Filmová redakční pustina – panoramatické fotografie krajiny zasazené do monumentálních patkových titulků, které se čtou jako roztažený luxusní časopis.
- Revolut — Monochromatické redakční dílo založené na fotografii mraků – bílý inkoust, knoflíky od krabičky s léky, jediný modrý barevný pruh v jinak šedém světě.
- Scheduling — Redakční tuš na krémovém papíře
- Titan — teple tónovaný monochromatický archiv
- Programa — Švýcarské designové studio v poledne. Bílou stěnu galerie osvětluje jediná žlutá stolní lampa – vše je v odstínech šedé, dokud nezaujme tlačítko, ikona nebo akcent, a pak tento jediný žlutý akcent definuje celou místnost.
- Sana Agents — Limetkový třpyt na bílém pozadí v redakci
- Visual — Teplý redakční samizdat. Krémový papír, patkové plakáty, černobílé okraje, jeden žlutý fix.
- Midday — Redakční brožura na pergamenu - 72px patkový titulek na teplém kamenném pozadí, bezpatkový text s řádkováním, ovládací prvky ve tvaru pilulky, bez stínů
- Chat for impact — Lesně zelená klinika s pastelově zbarvenými pokoji