Telegram, WhatsApp+380637610482
Valerij Danyuk
Valerij DanyukfejlesztőMI-eszközök fejlesztése vállalkozások számára. Kiváló minőség. Megfizethető ár.Írjon Telegramon
Medium — egy ilyen stílusú webhely előnézete

Medium

krémfehér újság az arany órában

A médium úgy működik, mint egy webre átültetett irodalmi olvasóterem: egy meleg, krémszínű háttér (#f7f4ed) váltja fel a SaaS-ra jellemző steril fehéret, így a hosszú szövegek nyomtatott oldalnak érződnek. A vizuális rendszer agresszívan monokróm – szinte az összes felhasználói felület, szöveg és szegély a #242424-től #6b6b6b-ig terjedő keskeny meleg szürke sávban található –, így az olvasó figyelme teljes mértékben a tartalomra összpontosul. Az egyetlen jellegzetes gesztus a talpas címsor (GT Super, 120 képpont, vastagság 400, betűköz -0,055em), egy szándékosan trendellenes választás: egy átmeneti, a megjelenítéshez méretezett, alig észrevehető, könyv talpas betűtípus a merész geometrikus talp nélküli betűtípus helyett, amely ezt jelzi: „Könyveket adunk ki, nem szoftvereket.” A gombok szinte fekete színű, tele „pirulák” – ez az egyetlen egyszínű tinta az oldalon.

A kezdőlap két oszlopból áll: a bal oldal az oldal területének ~55%-át foglalja el, amelyen a címsor, a subtext és a cselekvésre ösztönzés függőlegesen, nagyvonalú belső térközzel van elrendezve; a jobb oldal az oldal területének ~45%-át foglalja el, egy illusztrációs panellel. A bal oldali oszlop balra igazított (nem középre igazított), így az oldal az olvasási tengelyhez van rögzítve. A kezdőlap alatt az oldal egyetlen, teljes szélességű, krémszínű csík, középre igazított linkekkel a láblécben. A kezdőlapon nincsenek kártyarácsok, kiemelt szakaszok vagy váltakozó csíkok – a kezdőlap IGENIS egy oldal. A tartalom sűrűsége szándékosan alacsony: egy címsor, egy mondat, egy gomb, egy kép. Az oldal egy borító, nem pedig egy irányítópult.

Az illusztrációk szerkesztői jellegűek és epizódszerűek, nem szisztematikusak. A főoldalon egyetlen kézzel rajzolt illusztráció (egy zöld virág, egy geometrikus kéz, csillagképvonalak) látható laza, kissé naiv stílusban. Az illusztrációk inkább megrendelésre készült, szezonálisan változó műveknek tűnnek, mintsem állandó könyvtárból származóaknak. A főoldalon nincsenek fényképek. A főoldalon nincsenek ikonok – a teljes munkát a szöveges logó és a szöveg végzi. A vizuális nyelv elsősorban szövegorientált, az illusztrációk írásjelekként szolgálnak.

Paletta

Semleges

  • Newsprint Cream #f7f4ed — Az oldalvászon, a főablak háttere és a szakasz háttere meleg, enyhén krémes árnyalatú, amely inkább nyomtatott, mint digitális felület érzetét kelti.
  • Paper White #ffffff — Kártyafelületek, kiemelt panelek, űrlapbeviteli mezők és minden olyan felület, amelyet el kell választani a krémszínű vászontól.
  • Ink #242424 — Törzsszöveg, szövegtörzs, linkek, címsorok – valamivel melegebb, mint a tiszta fekete, krémszínű háttéren jól mutat.
  • Body Gray #333333 — A másodlagos szövegszínt és az alapértelmezett előtérszínt ott használják, ahol a tinta színénél valamivel világosabb színre van szükség a kontraszt elvesztése nélkül.
  • Button Black #191919 — A semleges szín támogatott a másodlagos felhasználói felület elemeihez, elválasztókhoz és elnémított címkékhez. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez.
  • Marginalia Gray #6b6b6b — Semleges színek támogatása a másodlagos felhasználói felülethez, elválasztókhoz és tompa címkékhez.

Tipográfia

13-ról 120 képpontra · 5 lépésben

  • medium-content-sans-serif-font — csere: Inter · körvonalak 400 · medium-content-sans-serif betűtípus – megtalálható a kinyerett adatokban, de a mesterséges intelligencia nem írta le.
  • GT Super — csere: Playfair Display · körvonalak 400 · A címsorok és a szöveg egy átmeneti, könyvserif betűtípust használ extrém méretarányban, szoros betűközzel és 0,83-as sorközzel. A 400-as vastagság (nem félkövér) 120 képpontos méretarányban a könyv egyik jellegzetessége: a betűformák, nem pedig a vastagság végzik a munkát. A negatív betűköz szűkíti az optikai réseket, így az „Emberi történetek és ötletek” egy összefüggő tipográfiai blokknak érződik.
  • Söhne — csere: Inter · körvonalak 400 · A UI sans-serif betűtípust navigációhoz, gombokhoz, alcímekhez és kis címekhez használják. A 13–14 képpontos tartomány a navigációs feliratokhoz és gombokhoz, a 20–22 képpontos tartomány pedig az alcímekhez és a címen belüli másodlagos szöveghez tartozik. A tiszta, humánus arányú sans-serif betűtípus kis méretben is olvasható, nagyobb méretben pedig nem feltűnő.

Intervallumok és forma

CélJelentés
Sűrűségátlagos
Alapvető lépés16-24px
Gomb sugara9999px
Kártya sugara0px
Árnyékoknincs - szegélyek árnyékok helyett
Szakaszok között64px
Oldal szélessége1200px

A mesterséges intelligencia Medium stílusban fogja elkészíteni a weboldaladat, és kitölti azt.

  • Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
  • Tartalom átvitele régi webhelyéről – csak adja meg a címet.
  • Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
  • Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.

Hasonló stílusok

  • Steep — Serif betűtípusok elemzése meleg papíron
  • Newformcap — Szerkesztőségi újság az öltözőben
  • Claude — Egy meleg pergamenre nyomtatott műtárgy – tinta csontpapíron, agyag az egyetlen színfolt
  • 11x– Digital workers — Egy filmes szerkesztői pusztaság – panorámafotók a tájról monumentális, luxusmagazin-oldalra emlékeztető, talpas címsorokkal díszített címsorok előtt.
  • Revolut — Egy monokróm szerkesztői munka, amely felhők fényképén alapul – fehér tinta, doboz alakú gombok, egyetlen kék csík egy egyébként szürkeárnyalatos világban.
  • Scheduling — Szerkesztői tinta krémszínű papíron
  • Titan — meleg tónusú monokróm archívum
  • Programa — Egy svájci design stúdió délben. A fehér galériafalat egyetlen sárga asztali lámpa világítja meg – minden szürke árnyalatokban pompázik, amíg egy gomb, ikon vagy kiegészítő meg nem ragadja a tekintetet, és akkor ez az egyetlen sárga kiegészítő meghatározza az egész szobát.
  • Sana Agents — Lime csillogás fehér háttéren a szerkesztőségben
  • Visual — Meleg hangulatú szerkesztői szamizdat. Krémszínű papír, talpas plakátok, monokróm margináliák, egy sárga filctoll.
  • Midday — Szerkesztői brosúra pergamenen - 72 képpontos talpas címsor meleg kő háttéren, talpatlan szöveg térközzel, pirula alakú vezérlők, árnyékok nélkül
  • Chat for impact — Erdőzöld klinika pasztellszínű szobákkal