The quiet structure behind memorable product writing
How editorial hierarchy, warm paper and restrained UI make stories feel human.
A place to read, write, and deepen your understanding
Diese Preview ist auf Mediums tatsächliche Produktlogik angepasst: großer literarischer Hero, Story-Feed, Autor-Meta, Topic-Pills, Reading-Time, Bookmark-Icon, Membership und Schreib-Composer.
How editorial hierarchy, warm paper and restrained UI make stories feel human.
Medium uses lines, rhythm and text hierarchy instead of heavy card chrome.
Green actions guide starting, following, publishing and joining without over-decorating the page.
Mediums Produktmuster sind bewusst minimal: ein ruhiger Composer, grüne Publish-Aktion, Tags als Pills und sehr flache Controls.
Warm paper background, near-black ink, green actions and flat lines instead of shadows.
#1A8917#156D12#191919#242424#6B6B6B#F7F4ED#FFFFFF#F2EFE6#E6E6E6#34AC45#48704BMedium separates display serif and product sans: GT Super-style hero, Söhne-style UI, minimal weight.
106 / serif / -5.5%44 / serif24 / sans / 50016 / 1.5513 / mutedButtons, tags, forms, story rows, radius and spacing remain visible as a handoff, but in Medium's flat editorial language.
Copy-paste-ready variables for the next agent or frontend handoff.
:root {
--medium-accent: #1A8917;
--medium-accent-hover: #156D12;
--medium-accent-soft: #E8F3E8;
--medium-ink: #191919;
--medium-text: #242424;
--medium-muted: #6B6B6B;
--medium-canvas: #F7F4ED;
--medium-surface: #FFFFFF;
--medium-surface-warm: #F2EFE6;
--medium-border: #E6E6E6;
--medium-hero-green: #34AC45;
--medium-hero-moss: #48704B;
--medium-serif: "GT Super", Georgia, Cambria, serif;
--medium-sans: "Sohne", "Helvetica Neue", Arial, sans-serif;
--medium-radius-pill: 9999px;
--medium-section: 84px;
}