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
- 1X NEO — 1X Tech ass e rouegen Heemkino. Eng blass Säit mat redaktionellen Text fänkt mat kinomatesche Szenen vu Leit an engem mënschleche Roboter un, während d'Interface-Elementer op kleng, ofgeleeën Ënnerschrëften a mëll monochrom Biller reduzéiert ginn.
- B150 — Eng Masterclass iwwer zukünfteg Filmgrain. Hell, cremeg Editorialsektiounen géint däischter, mënschlech grouss Biller vu Produkter a Kreatoren erstellen.
- Captions — En sonnebeliichte Schnëttdësch. Plazéiert eng duerchscheinend, gebéit Navigatiounsleiste iwwer e kloeren, wäissen, liicht haarde Beräich, a komplementéiert se dann mat hellbloen Aarbechtsflächen a Nahaufnahmen vu Filmmaterial.
- 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
- AWE — En roboterbaséierten Observatoire no Mëtternuecht. Erstellt schwaarz, galerieähnlech Schiirme wou blass redaktionell Schrëft iwwer KI-ugedriwwenen Biller an klengen Dashboardtext schwëmmt.
- 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.