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
- 1X NEO — 1X Tech er en stille hjemmebiograf. En bleg side med redaktionel tekst åbner med filmiske scener af mennesker og en humanoid robot, mens grænsefladeelementer er reduceret til bittesmå, spredte billedtekster og bløde monokrome billeder.
- B150 — En mesterklasse i fremtidens filmkorn. Skaber lyse, cremede redaktionelle sektioner mod mørke, menneskestore billeder af produkter og skabere.
- Captions — Et solbeskinnet redigeringsbord. Placer en gennemskinnelig, buet navigationslinje over et skarpt, hvidt og let støjende arbejdsområde, og suppler det derefter med lyseblå arbejdsflader og nærbilleder af optagelser.
- 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
- AWE — Et robotobservatorium efter midnat. Skab sorte, gallerilignende skærme, hvor bleg redaktionel skrift svæver over AI-drevne billeder og lille dashboardtekst.
- 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.