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
- 1X NEO — 1X Tech er en stille hjemmekino. En blek side med redaksjonell tekst åpner med filmatiske scener av mennesker og en humanoid robot, mens grensesnittelementer er redusert til bittesmå, mellomliggende bildetekster og myke monokrome bilder.
- B150 — En mesterklasse i fremtidens filmkorn. Å skape lyse, kremete redaksjonelle seksjoner mot mørke, menneskelige bilder av produkter og skapere.
- Captions — Et solfylt redigeringsbord. Plasser en gjennomsiktig, buet navigasjonslinje over et skarpt, hvitt og litt støyende arbeidsområde, og suppler det med lyseblå arbeidsflater og nærbilder av opptak.
- 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
- AWE — Et robotobservatorium etter midnatt. Lag svarte, gallerilignende skjermer der blek redaksjonell skrift flyter over AI-drevne bilder og liten dashbordtekst.
- 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.