Medium
crèmekleurige krant tijdens het gouden uur
Medium functioneert als een literaire leeszaal, maar dan verplaatst naar het web: een warme, crèmekleurige achtergrond (#f7f4ed) vervangt het steriele wit dat typisch is voor SaaS, waardoor lange teksten aanvoelen als een gedrukte pagina. Het visuele systeem is uitgesproken monochroom – bijna alle UI-oppervlakken, tekst en randen bevinden zich in een smalle band van warme grijstinten, variërend van #242424 tot #6b6b6b – zodat de aandacht van de lezer volledig op de inhoud is gericht. Het enige opvallende element is de koptekst met schreefletters (GT Super, 120px, gewicht 400, letterafstand -0,055em), een bewuste keuze tegen de trend in: een overgangslettertype met schreefletters, aangepast voor weergave, nauwelijks zichtbaar in plaats van een gedurfde geometrische schreefloze letter, geeft aan: "Wij publiceren boeken, geen software." De knoppen zijn volledig zwarte "pillen" – de enige effen kleur op de pagina.
De homepage heeft twee kolommen: de linkerkolom beslaat ongeveer 55% van de pagina, met de koptekst, subtekst en call-to-action verticaal geplaatst met ruime tussenruimte; de rechterkolom beslaat ongeveer 45% van de pagina, met een illustratiepaneel. De linkerkolom is links uitgelijnd (niet gecentreerd), waardoor de pagina in de leesrichting staat. Onder de homepage bevindt zich een enkele, crèmekleurige strook over de volledige breedte met gecentreerde links in de footer. Geen rasterindelingen, secties met artikelen of afwisselende stroken op de homepage – de homepage IS een pagina. De contentdichtheid is opzettelijk laag: één koptekst, één zin, één knop, één afbeelding. De pagina is een omslag, geen dashboard.
De illustraties zijn redactioneel en episodisch, niet systematisch. De hoofdpagina toont één handgetekende illustratie (een groene bloem, een geometrische hand, sterrenbeeldlijnen) in een losse, ietwat naïeve stijl. De illustraties lijken op in opdracht gemaakte werken die per seizoen wisselen, in plaats van afkomstig te zijn uit een permanente collectie. Er staan geen foto's op de hoofdpagina. Er zijn geen iconen op de hoofdpagina – al het werk wordt gedaan door het tekstlogo en de tekst. De visuele taal is voornamelijk tekstgericht, waarbij de illustraties als interpunctie dienen.
Palet
Neutrale
- Newsprint Cream
#f7f4ed— Het paginacanvas, de achtergrond van het hoofdvenster en de achtergrond van de secties hebben een warme, licht crèmekleurige tint die de indruk wekt van een gedrukte interface in plaats van een digitale. - Paper White
#ffffff— Kaartoppervlakken, verhoogde panelen, formuliervelden en alle oppervlakken die van het crèmekleurige canvas moeten worden gescheiden. - Ink
#242424— Tekst, links, kopjes - iets warmer dan puur zwart, staat mooi op een crèmekleurige achtergrond. - Body Gray
#333333— De secundaire tekstkleur en de standaard voorgrondkleur worden gebruikt wanneer een kleur die iets lichter is dan de inktkleur nodig is zonder contrastverlies. - Button Black
#191919— Een neutrale kleur wordt ondersteund voor secundaire UI-elementen, scheidingslijnen en gedempte labels. Deze kleur mag niet worden gebruikt als primaire kleur voor call-to-action-knoppen. - Marginalia Gray
#6b6b6b— Neutrale kleuren worden ondersteund voor secundaire gebruikersinterfaces, scheidingslijnen en gedempte labels.
Typografie
van 13 tot 120px · 5 stappen
- medium-content-sans-serif-font — vervanging: Inter · overzichten 400 · Het lettertype medium-content-sans-serif is gevonden in de geëxtraheerde gegevens, maar wordt niet door de AI beschreven.
- GT Super — vervanging: Playfair Display · overzichten 400 · De koppen en de hoofdtekst zijn opgemaakt in een overgangslettertype met schreefletters, maar dan op een extreem grote schaal, met een kleine letterafstand en een regelafstand van 0,83. De keuze voor een letterdikte van 400 (niet vetgedrukt) met een lettergrootte van 120px is een kenmerkend element: de lettervormen, niet de dikte, doen het werk. De negatieve letterafstand verkleint de optische openingen, waardoor "Human Stories and Ideas" aanvoelt als een samenhangend typografisch blok.
- Söhne — vervanging: Inter · overzichten 400 · Het schreefloze lettertype van de gebruikersinterface wordt gebruikt voor navigatie, knoppen, subkoppen en kleine titels. De lettergrootte van 13-14px is voor navigatielabels en knoppen; 20-22px is voor subkoppen en secundaire tekst binnen de titel. Een strak schreefloos lettertype met menselijke proporties is leesbaar bij kleine lettergroottes en onopvallend bij grotere lettergroottes.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gemiddeld |
| Basisstap | 16-24px |
| Knopradius | 9999px |
| Kaartradius | 0px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 64px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Medium en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Steep — Analyse van schreeflettertypen op warm papier
- Newformcap — Redactioneel artikel in de kleedkamer
- Claude — Een artefact gedrukt op warm perkament – inkt op beenderpapier, klei als enige vleugje kleur.
- 11x– Digital workers — Een filmische, redactionele woestenij: panoramische landschapsfoto's geplaatst tegen monumentale, schreefletterige koppen die lezen als een luxe magazinepagina.
- Revolut — Een zwart-wit redactioneel werk gebaseerd op een foto van wolken: witte inkt, pillbox-knopen, een enkele blauwe kleurstreep in een verder grijstintenwereld.
- Scheduling — Redactionele inkt op crèmekleurig papier
- Titan — archief met monochrome foto's in warme tinten
- Programa — Een Zwitserse designstudio rond het middaguur. De witte galeriewand wordt verlicht door een enkele gele tafellamp – alles is in grijstinten totdat een knop, icoon of accent de aandacht trekt, en dan bepaalt dat ene gele accent de hele ruimte.
- Sana Agents — Limoenkleurige glitter op een witte achtergrond in een redactioneel artikel.
- Visual — Warme, redactionele samizdat. Crèmekleurig papier, schreefletters, monochrome kanttekeningen, één gele marker.
- Midday — Redactionele brochure op perkamentpapier - koptekst van 72px met schreefletters op een warme steenkleurige achtergrond, hoofdtekst zonder schreefletters met witruimte, pilvormige bedieningselementen, geen schaduwen.
- Chat for impact — Een bosgroene kliniek met pastelkleurige kamers.