Medium
cremet hvid avis i den gyldne time
Medium fungerer som et litterært læserum transplanteret til nettet: en varm, cremet baggrund (#f7f4ed) erstatter den sterile hvide farve, der er typisk for SaaS, hvilket får lange tekster til at føles som en trykt side. Det visuelle system er aggressivt monokromt – næsten alle brugerflader, tekst og rammer er i et smalt bånd af varme gråtoner, der spænder fra #242424 til #6b6b6b – så læserens opmærksomhed er fuldstændig fokuseret på indholdet. Den eneste signaturbevægelse er serif-overskriften (GT Super, 120px, vægt 400, bogstavafstand -0.055em), et bevidst anti-trend valg: en overgangsskrifttype med serif skaleret til visning, næsten mærkbar snarere end en fed geometrisk sans-serif, signalerer: "Vi udgiver bøger, ikke software." Knapperne er fulde "piller" af næsten sort farve – den eneste solide blæk på siden.
Forsiden har to kolonner: Venstre side optager ~55% af sidens plads, med overskrift, undertekst og handlingsopfordring arrangeret lodret med generøs intern afstand; højre side optager ~45% af sidens plads med et illustrationspanel. Venstre kolonne er venstrejusteret (ikke centreret), hvilket forankrer siden til læseaksen. Under forsiden er siden en enkelt, cremefarvet stribe i fuld bredde med centrerede links i sidefoden. Ingen kortgitre, funktionssektioner eller skiftende striber på forsiden - forsiden ER en side. Indholdstætheden er bevidst lav: én overskrift, én sætning, én knap, ét billede. Siden er et forsidebillede, ikke et dashboard.
Illustrationerne er redaktionelle og episodiske, ikke systematiske. Hovedsiden viser en enkelt håndtegnet illustration (en grøn blomst, en geometrisk hånd, stjernebilleder) i en løs, let naiv stil. Illustrationerne ligner bestillingsværker, der ændrer sig sæsonmæssigt, snarere end fra et permanent bibliotek. Der er ingen fotografier på hovedsiden. Der er ingen ikoner på hovedsiden – alt arbejdet udføres af tekstlogoet og teksten. Det visuelle sprog er primært tekstorienteret, hvor illustrationerne fungerer som tegnsætning.
Palet
Neutral
- Newsprint Cream
#f7f4ed— Sidelærredet, hovedvinduets baggrund og sektionsbaggrunden har en varm, let cremet nuance, der skaber følelsen af en trykt brugerflade snarere end en digital. - Paper White
#ffffff— Kortoverflader, hævede paneler, formularindtastningsfelter og alle overflader, der skal adskilles fra det cremefarvede lærred. - Ink
#242424— Brødtekst, brødtekst, links, overskrifter - lidt varmere end ren sort, ser godt ud på en cremefarvet baggrund. - Body Gray
#333333— Den sekundære tekstfarve og standardforgrundsfarven bruges, hvor en farve lidt lysere end blækfarven er påkrævet uden at miste kontrast. - Button Black
#191919— En neutral farve understøttes til sekundære UI-elementer, skillevægge og dæmpede etiketter. Den bør ikke bruges som den primære farve til opfordringer til handling. - Marginalia Gray
#6b6b6b— Understøttelse af neutrale farver til sekundær brugergrænseflade, skillevægge og dæmpede etiketter.
Typografi
fra 13 til 120px · 5 trin
- medium-content-sans-serif-font — udskiftning: Inter · konturer 400 · medium-content-sans-serif font - fundet i de udtrukne data, men ikke beskrevet af AI'en.
- GT Super — udskiftning: Playfair Display · konturer 400 · Overskrifter og brødtekst er en overgangsskrift i bogformat med serif-skrift i ekstrem skala med tæt bogstavafstand og en linjeafstand på 0,83. Valget af en tykkelse på 400 pixels (ikke fed) ved 120 pixels er et karakteristisk træk: bogstaverne, ikke tykkelsen, gør arbejdet. Den negative bogstavafstand mindsker de optiske huller, hvilket får "Human Stories and Ideas" til at føles som en sammenhængende typografisk blok.
- Söhne — udskiftning: Inter · konturer 400 · UI sans-serif-skrifttypen bruges til navigation, knapper, underoverskrifter og små titler. Intervallet 13-14px er til navigationsetiketter og knapper; 20-22px er til underoverskrifter og sekundær tekst i titlen. En ren sans-serif med humanistiske proportioner er læselig i små størrelser og diskret i større.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 16-24px |
| Knapradius | 9999px |
| Kortradius | 0px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 64px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Medium -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Steep — Analyse af serif-skrifttyper på varmt papir
- Newformcap — Redaktionel avis i omklædningsrummet
- Claude — En artefakt trykt på varmt pergament – blæk på knoglepapir, ler som det eneste farvepust
- 11x– Digital workers — Et filmisk redaktionelt ødemark – panoramafotografier af landskabet mod monumentale serif-overskrifter, der læses som et luksusmagasinopslag
- Revolut — Et monokromt redaktionelt værk baseret på et fotografi af skyer – hvid blæk, pilleæskeknapper, en enkelt blå farvestribe i en ellers gråskalaverden.
- Scheduling — Redaktionel blæk på cremefarvet papir
- Titan — varmtonet monokrom arkiv
- Programa — Et schweizisk designstudie ved middagstid. Den hvide gallerivæg er oplyst af en enkelt gul bordlampe – alt er i grå nuancer, indtil en knap, et ikon eller en accent fanger øjet, og så definerer den ene gule accent hele rummet.
- Sana Agents — Lime glimmer på hvid baggrund i redaktionel
- Visual — Varm redaktionel samizdat. Cremefarvet papir, serif-plakater, monokrome marginalia, en gul tusch.
- Midday — Redaktionel brochure på vellum - 72px serif overskrift på en varm stenbaggrund, sans-serif brødtekst med afstand, pilleformede kontroller, ingen skygger
- Chat for impact — En skovgrøn klinik med pastelfarvede værelser