Medium
krémovo biele noviny v zlatej hodinke
Médium funguje ako literárna čitáreň transplantovaná na web: teplé, krémové pozadie (#f7f4ed) nahrádza sterilnú bielu typickú pre SaaS, vďaka čomu dlhé texty pôsobia ako vytlačená stránka. Vizuálny systém je agresívne monochromatický – takmer všetky povrchy používateľského rozhrania, text a okraje sú v úzkom páse teplých sivých odtieňov od #242424 do #6b6b6b – takže pozornosť čitateľa je úplne sústredená na obsah. Jediným charakteristickým gestom je pätkový nadpis (GT Super, 120px, hrúbka 400, rozstup písmen -0,055em), zámerná voľba proti trendu: prechodné pätkové písmo s knižnou úpravou, zmenšené pre zobrazenie, sotva viditeľné namiesto tučného geometrického bezpätkového písma, signalizuje: „Vydávame knihy, nie softvér.“ Tlačidlá sú plné „tabletky“ takmer čiernej farby – jediný pevný atrament na stránke.
Domovská stránka má dva stĺpce: ľavá strana zaberá približne 55 % priestoru stránky, pričom nadpis, podtext a výzva na akciu sú usporiadané vertikálne s veľkorysým vnútorným rozstupom; pravá strana zaberá približne 45 % priestoru stránky s panelom s ilustráciami. Ľavý stĺpec je zarovnaný doľava (nie je centrovaný), čím sa stránka ukotvuje k osi čítania. Pod domovskou stránkou je stránka jeden, na celú šírku široký, krémový pás s centrovanými odkazmi v päte. Na domovskej stránke nie sú žiadne mriežky kariet, sekcie s funkciami ani striedajúce sa pruhy – domovská stránka JE stránka. Hustota obsahu je zámerne nízka: jeden nadpis, jedna veta, jedno tlačidlo, jeden obrázok. Stránka je obálka, nie dashboard.
Ilustrácie sú redakčné a epizodické, nie systematické. Hlavná strana obsahuje jednu ručne kreslenú ilustráciu (zelený kvet, geometrická ruka, čiary súhvezdia) vo voľnom, mierne naivnom štýle. Ilustrácie vyzerajú ako diela na objednávku, ktoré sa menia sezónne, a nie ako diela zo stálej knižnice. Na hlavnej strane nie sú žiadne fotografie. Na hlavnej stránke nie sú žiadne ikony – všetku prácu vykonáva textové logo a samotný text. Vizuálny jazyk je primárne textovo orientovaný, pričom ilustrácie slúžia ako interpunkcia.
Paleta
Neutrálny
- Newsprint Cream
#f7f4ed— Plátno stránky, pozadie hlavného okna a pozadie sekcie majú teplý, mierne krémový odtieň, ktorý vytvára skôr dojem tlačeného než digitálneho rozhrania. - Paper White
#ffffff— Povrchy kariet, vyvýšené panely, polia na zadávanie formulárov a všetky povrchy, ktoré je potrebné oddeliť od krémového plátna. - Ink
#242424— Hlavný text, text tela, odkazy, nadpisy - o niečo teplejšie ako čisto čierna, vyzerá dobre na krémovom pozadí. - Body Gray
#333333— Sekundárna farba textu a predvolená farba popredia sa používajú tam, kde je požadovaná farba o niečo svetlejšia ako farba atramentu bez straty kontrastu. - Button Black
#191919— Pre sekundárne prvky používateľského rozhrania, oddeľovače a tlmené popisky je podporovaná neutrálna farba. Nemala by sa používať ako primárna farba pre výzvy na akciu. - Marginalia Gray
#6b6b6b— Podpora neutrálnych farieb pre sekundárne používateľské rozhranie, oddeľovače a tlmené popisky.
Typografia
od 13 do 120px · 5 krokov
- medium-content-sans-serif-font — náhrada: Inter · obrysy 400 · font medium-content-sans-serif – nájdený v extrahovaných dátach, ale umelá inteligencia ho nepopísala.
- GT Super — náhrada: Playfair Display · obrysy 400 · Nadpisy a text sú písané prechodným pätkovým písmom s extrémnym merítkou s tesným rozstupom písmen a riadkovaním 0,83. Voľba hrúbky 400 (nie tučné) pri 120px je charakteristickým prvkom: dôležitú úlohu vykonávajú tvary písmen, nie hrúbka. Negatívne rozstupy písmen zužujú optické medzery, vďaka čomu pôsobí „Ľudské príbehy a myšlienky“ ako súdržný typografický blok.
- Söhne — náhrada: Inter · obrysy 400 · Bezpätkové písmo UI sa používa pre navigáciu, tlačidlá, podnadpisy a malé názvy. Rozsah 13 – 14 px je pre navigačné popisky a tlačidlá; 20 – 22 px je pre podnadpisy a sekundárny text v názve. Čisté bezpätkové písmo s humanistickými proporciami je čitateľné pri malých veľkostiach a nenápadné pri väčších.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 16-24px |
| Polomer tlačidla | 9999px |
| Polomer karty | 0px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 64px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Medium 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
- Steep — Analýza pätkových fontov na teplom papieri
- Newformcap — Redakčné noviny v šatni
- Claude — Artefakt vytlačený na teplom pergamene – atrament na kostnom papieri, hlina ako jediný náznak farby
- 11x– Digital workers — Filmová redakčná pustatina – panoramatické fotografie krajiny na pozadí monumentálnych pätkových titulkov, ktoré sa čítajú ako rozkladacia stránka luxusného časopisu.
- Revolut — Monochromatické redakčné dielo založené na fotografii oblakov – biely atrament, gombíky na krabičke s liekmi, jediný modrý pruh farby v inak šedom svete.
- Scheduling — Redakčný atrament na krémovom papieri
- Titan — teplý monochromatický archív
- Programa — Švajčiarske dizajnérske štúdio na poludnie. Bielu stenu galérie osvetľuje jediná žltá stolová lampa – všetko je v odtieňoch sivej, až kým neudrie pozornosť tlačidlo, ikona alebo akcent, a potom tento jediný žltý akcent definuje celú miestnosť.
- Sana Agents — Limetkový trblietanie na bielom pozadí v editoriáli
- Visual — Teplý redakčný samizdat. Krémový papier, pätkové plagáty, monochromatické okraje, jeden žltý fix.
- Midday — Redakčná brožúra na pergamene - 72px pätkový titulok na teplom kamennom pozadí, bezpätkový text s medzerami, ovládacie prvky v tvare tabletky, bez tieňov
- Chat for impact — Lesnozelená klinika s pastelovo farebnými izbami