Medium
kremhvit avis i den gylne timen
Medium fungerer som et litterært lesesal transplantert til nettet: en varm, kremet bakgrunn (#f7f4ed) erstatter den sterile hvitfargen som er typisk for SaaS, noe som får lange tekster til å føles som en trykt side. Det visuelle systemet er aggressivt monokrom – nesten alle brukergrensesnittflater, tekst og rammer er i et smalt bånd av varme gråtoner fra #242424 til #6b6b6b – slik at leserens oppmerksomhet er fullstendig fokusert på innholdet. Den eneste signaturgesten er serif-overskriften (GT Super, 120 piksler, vekt 400, bokstavavstand -0,055 em), et bevisst anti-trend valg: en overgangsbokserif-skrift skalert for visning, knapt merkbar snarere enn en fet geometrisk sans-serif, signaliserer: «Vi gir ut bøker, ikke programvare.» Knappene er fulle «piller» av nesten svart farge – den eneste heldekkende blekken på siden.
Hjemmesiden har to kolonner: venstresiden tar opp ~55 % av sidens plass, med overskrift, undertekst og handlingsfremmende oppfordring arrangert vertikalt med sjenerøs intern avstand; høyresiden tar opp ~45 % av sidens plass, med et illustrasjonspanel. Venstre kolonne er venstrejustert (ikke sentrert), og forankrer siden til leseaksen. Under hjemmesiden er siden en enkelt, kremfarget stripe i full bredde med sentrerte lenker i bunnteksten. Ingen kortrutenett, funksjonsseksjoner eller alternerende striper på hjemmesiden – hjemmesiden ER en side. Innholdstettheten er bevisst lav: én overskrift, én setning, én knapp, ett bilde. Siden er et forsidebilde, ikke et dashbord.
Illustrasjonene er redaksjonelle og episodiske, ikke systematiske. Hovedsiden har en enkelt håndtegnet illustrasjon (en grønn blomst, en geometrisk hånd, stjernebilder) i en løs, litt naiv stil. Illustrasjonene ser ut som bestillingsverk som endres sesongmessig, snarere enn fra et permanent bibliotek. Det er ingen fotografier på hovedsiden. Det er ingen ikoner på hovedsiden – alt arbeidet gjøres av tekstlogoen og teksten. Det visuelle språket er primært tekstorientert, med illustrasjonene som tegnsetting.
Palett
Nøytral
- Newsprint Cream
#f7f4ed— Sidelerretet, bakgrunnen i hovedvinduet og seksjonsbakgrunnen har en varm, litt kremfarge som skaper følelsen av et trykt grensesnitt i stedet for et digitalt. - Paper White
#ffffff— Kortflater, hevede paneler, skjemafelt for inntasting og eventuelle overflater som må skilles fra det kremfargede lerretet. - Ink
#242424— Brødtekst, brødtekst, lenker, overskrifter – litt varmere enn ren svart, ser bra ut på en kremfarget bakgrunn. - Body Gray
#333333— Den sekundære tekstfargen og standard forgrunnsfarge brukes der det kreves en farge som er litt lysere enn blekkfargen uten at det går tapt kontrast. - Button Black
#191919— En nøytral farge støttes for sekundære UI-elementer, skillevegger og dempede etiketter. Den bør ikke brukes som primærfarge for handlingsfremmende oppfordringer. - Marginalia Gray
#6b6b6b— Støtte for nøytrale farger for sekundært brukergrensesnitt, skillevegger og dempede etiketter.
Typografi
fra 13 til 120 piksler · 5 trinn
- medium-content-sans-serif-font — erstatning: Inter · omriss 400 · medium-content-sans-serif font – funnet i de utvunnede dataene, men ikke beskrevet av AI-en.
- GT Super — erstatning: Playfair Display · omriss 400 · Overskriftene og brødteksten er en overgangsfont i bokstil med serif i ekstrem skala, med liten bokstavavstand og en linjeavstand på 0,83. Valget av en tykkelse på 400 piksler (ikke fet skrift) på 120 piksler er et karakteristisk trekk: bokstavformene, ikke tykkelsen, gjør jobben. Den negative bokstavavstanden reduserer de optiske hullene, noe som gjør at «Menneskelige historier og ideer» føles som en sammenhengende typografisk blokk.
- Söhne — erstatning: Inter · omriss 400 · UI-fonten sans-serif brukes til navigasjon, knapper, underoverskrifter og små titler. Området 13–14 piksler er for navigasjonsetiketter og knapper; 20–22 piksler er for underoverskrifter og sekundærtekst i tittelen. En ren sans-serif med humanistiske proporsjoner er leselig i små størrelser og diskret i større.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 16-24px |
| Knapperadius | 9999px |
| Kortradius | 0px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 64px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Medium -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Steep — Analyse av serif-fonter på varmt papir
- Newformcap — Redaksjonell avis i garderoben
- Claude — En gjenstand trykt på varmt pergament – blekk på beinpapir, leire som eneste fargepust
- 11x– Digital workers — Et filmatisk redaksjonelt ødemark – panoramafotografier av landskapet mot monumentale serif-overskrifter som leses som et luksuriøst magasinoppslag
- Revolut — Et monokrom redaksjonelt verk basert på et fotografi av skyer – hvitt blekk, pilleeskeknapper, en enkelt blå fargestripe i en ellers gråtoneverden.
- Scheduling — Redaksjonell blekk på kremfarget papir
- Titan — varmtonet monokrom arkiv
- Programa — Et sveitsisk designstudio midt på dagen. Den hvite galleriveggen er opplyst av en enkelt gul bordlampe – alt er i gråtoner helt til en knapp, et ikon eller en aksent fanger blikket, og så definerer den ene gule aksenten hele rommet.
- Sana Agents — Limeglans på hvit bakgrunn i redaksjonelt
- Visual — Varm redaksjonell samizdat. Kremfarget papir, serif-plakater, monokrome marginalia, én gul tusj.
- Midday — Redaksjonell brosjyre på vellum – 72 pikslers serif-overskrift på varm steinbakgrunn, sans-serif brødtekst med avstand, pilleformede kontroller, ingen skygger
- Chat for impact — En skoggrønn klinikk med pastellfargede rom