Medium
cremegwäiss Zeitung an der gëllener Stonn
Medium funktionéiert wéi e literaresche Liesraum, deen an d'Web transplantéiert ass: en waarmen, cremegen Hannergrond (#f7f4ed) ersetzt dat sterilt Wäiss, dat typesch fir SaaS ass, sou datt laang Texter sech wéi eng gedréckte Säit ufillen. De visuelle System ass aggressiv monochrom - bal all UI-Uewerflächen, Text a Borduren sinn an engem schmuele Band vu waarme Grotéin, déi vun #242424 bis #6b6b6b reechen - sou datt d'Opmierksamkeet vum Lieser komplett op den Inhalt konzentréiert ass. Déi eenzeg charakteristesch Gest ass d'Serif-Iwwerschrëft (GT Super, 120px, Gewiicht 400, Buschtawenofstand -0.055em), eng bewosst Anti-Trend-Wiel: eng iwwergangsméisseg Buch-Serif-Schrëft, déi fir d'Display skaléiert ass, kaum merkbar anstatt e fettgeometrische Sans-Serif, signaliséiert: "Mir publizéieren Bicher, keng Software." D'Knäppercher sinn voll "Pëllen" vu bal schwaarzer Faarf - déi eenzeg fest Tënt op der Säit.
D'Homepage huet zwou Kolonnen: déi lénks Säit hëlt ~55% vum Säiteplatz an, woubei den Titel, den Ënnertext an den Handlungsruff vertikal mat generéisem internen Ofstand arrangéiert sinn; déi riets Säit hëlt ~45% vum Säiteplatz an, mat engem Illustratiounspanel. Déi lénks Kolonn ass lénks ausgeriicht (net zentréiert), wouduerch d'Säit un der Liesachs verankert ass. Ënnert der Homepage ass d'Säit e crèmefaarwege Sträif iwwer ganz Breet mat zentréierte Linken am Fousszeilen. Keng Kaartegitter, Feature-Sektiounen oder ofwiesselnd Sträifen op der Homepage - d'Homepage ASS eng Säit. D'Inhaltsdicht ass absichtlech niddreg: eng Titel, ee Saz, ee Knäppchen, ee Bild. D'Säit ass e Cover, keen Dashboard.
D'Illustratioune si redaktionell an episodesch, net systematesch. D'Haaptsäit weist eng eenzeg handgezeechent Illustratioun (eng gréng Blumm, eng geometresch Hand, Stärebildlinnen) an engem lockeren, liicht naiven Stil. D'Illustratioune gesi wéi Optragswierker aus, déi sech saisonal änneren, anstatt aus enger permanenter Bibliothéik. Et gi keng Fotoen op der Haaptsäit. Et gi keng Ikonen op der Haaptsäit - all d'Aarbecht gëtt vum Textlogo an dem Text gemaach. Déi visuell Sprooch ass haaptsächlech textorientéiert, mat den Illustratiounen als Interpunktioun.
Palette
Neutral
- Newsprint Cream
#f7f4ed— D'Säite-Leinwand, den Hannergrond vum Haaptfenster an den Hannergrond vum Sektiounsberäich hunn eng waarm, liicht cremeg Faarf, déi d'Gefill vun enger gedréckter anstatt enger digitaler Interface erstellt. - Paper White
#ffffff— Kaarteflächen, erhiewte Paneele, Formulareingabefelder an all Flächen, déi vun der Crèmefaarweger Leinwand getrennt musse ginn. - Ink
#242424— Kierpertext, Kierpertext, Linken, Iwwerschrëften - e bësse méi waarm wéi reng Schwaarz, gesäit gutt op engem Crème-Hannergrond aus. - Body Gray
#333333— Déi sekundär Textfaarf an déi standard Virdergrondfaarf gi benotzt, wou eng Faarf, déi liicht méi hell wéi d'Tëntfaarf ass, ouni Kontrast ze verléieren. - Button Black
#191919— Eng neutral Faarf gëtt fir sekundär UI-Elementer, Trennwänn a gedämpft Etiketten ënnerstëtzt. Si sollt net als primär Faarf fir Handlungsruff benotzt ginn. - Marginalia Gray
#6b6b6b— Ënnerstëtzung fir neutral Faarwen fir sekundär UI, Trennwänn a gedämpft Etiketten.
Typographie
vun 13 bis 120px · 5 Schrëtt
- medium-content-sans-serif-font — Ersatz: Inter · Konturen 400 · Schrëft medium-content-sans-serif - an den extrahéierten Donnéeën fonnt, awer net vun der KI beschriwwen.
- GT Super — Ersatz: Playfair Display · Konturen 400 · D'Iwwerschrëften an den Haapttext sinn eng Iwwergangs-Buch-Serif-Schrëft an extremer Skala mat engem knappen Buschtawenofstand an engem Zeilenofstand vun 0,83. D'Wiel vun enger Gewiicht vu 400 (net fettgedréckt) bei 120px ass e charakteristescht Merkmal: d'Buschtawen, net d'Gewiicht, maachen d'Aarbecht. Den negativen Buschtawenofstand verklengert d'optesch Lücken, sou datt "Human Stories and Ideas" sech wéi e kohärenten typographesche Block ufillt.
- Söhne — Ersatz: Inter · Konturen 400 · D'UI Sans-Serif Schrëft gëtt fir Navigatioun, Knäppercher, Ënnertitelen a kleng Titelen benotzt. De Beräich vun 13–14px ass fir Navigatiounslabelen a Knäppercher; 20–22px ass fir Ënnertitelen an zweeten Text am Titel. E proppert Sans-Serif mat humanistesche Proportiounen ass a klenge Gréissten liesbar an onopfälleg a gréissere Gréissten.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | duerchschnëttlech |
| Basis Schrëtt | 16-24px |
| Knäppchenradius | 9999px |
| Kaarteradius | 0px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 64px |
| Säitebreet | 1200px |
KI baut Är Websäit am Stil vun Medium op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Steep — Analyse vu Serif-Schrëften op waarmem Pabeier
- Newformcap — Redaktiounszeitung an der Garderob
- Claude — En Artefakt gedréckt op waarmem Pergament - Tënt op Knachpabeier, Lehm als eenzege Faarfotem
- 11x– Digital workers — Eng filmesch redaktionell Wüst - Panoramafotoe vun der Landschaft géint monumental Schlagzeilen, déi sech wéi e Luxuszäitschrëftenausbroch lauschteren.
- Revolut — Eng monochrom Editorialaarbecht baséiert op enger Foto vu Wolleken - wäisser Tënt, Knäppercher aus engem Pëllendossier, eng eenzeg blo Faarfsträif an enger soss groer Welt.
- Scheduling — Redaktiounstënn op Crèmepabeier
- Titan — waarmtéinéiert Monochrom-Archiv
- Programa — E Schwäizer Designstudio um Mëtteg. Déi wäiss Galeriemauer gëtt vun enger eenzeger gieler Dëschluucht beliicht - alles ass a groe Faarftéin, bis e Knäppchen, eng Ikon oder en Akzent d'A fällt, an dann definéiert dee eenzege giele Akzent de ganze Raum.
- Sana Agents — Kalkglanz op wäissem Hannergrond am Editorial
- Visual — Waarm redaktionellt Samizdat. Crèmefaarwegt Pabeier, Serif-Plakater, monochrom Randalië, ee giele Marker.
- Midday — Redaktiounsbroschür op Pergament - 72px serif Iwwerschrëft op engem waarme Steenhannergrond, sans-serif Kierpertext mat Ofstänn, pillefërmeg Kontrollen, keng Schied
- Chat for impact — Eng bëschgréng Klinik mat pastellfaarwege Raim