Medium
kremowobiała gazeta o złotej godzinie
Medium działa jak czytelnia literacka przeniesiona do sieci: ciepłe, kremowe tło (#f7f4ed) zastępuje sterylną biel typową dla SaaS, sprawiając, że długie teksty sprawiają wrażenie wydrukowanych. System wizualny jest agresywnie monochromatyczny – niemal wszystkie powierzchnie interfejsu, tekst i obramowania są w wąskim pasie ciepłych szarości od #242424 do #6b6b6b – dzięki czemu uwaga czytelnika jest całkowicie skupiona na treści. Jedynym charakterystycznym gestem jest nagłówek szeryfowy (GT Super, 120 px, grubość 400, odstęp między literami -0,055 em), celowy wybór antytrendowy: przejściowa, książkowa czcionka szeryfowa, skalowana do wyświetlania, ledwo zauważalna, zamiast pogrubionej, geometrycznej czcionki bezszeryfowej, sygnalizuje: „Wydajemy książki, nie oprogramowanie”. Przyciski to pełne „pigułki” o niemal czarnym kolorze – jedyny jednolity atrament na stronie.
Strona główna składa się z dwóch kolumn: lewa zajmuje około 55% powierzchni strony, z nagłówkiem, podtekstem i wezwaniem do działania ułożonymi pionowo z zachowaniem dużej przestrzeni wewnętrznej; prawa zajmuje około 45% powierzchni strony i zawiera panel z ilustracjami. Lewa kolumna jest wyrównana do lewej (nie wyśrodkowana), co pozwala na zakotwiczenie strony w osi czytania. Poniżej strony głównej znajduje się pojedynczy, kremowy pasek o pełnej szerokości z wyśrodkowanymi linkami w stopce. Na stronie głównej nie ma siatek kart, sekcji z wyróżnieniami ani naprzemiennych pasów – strona główna JEST stroną. Gęstość treści jest celowo niska: jeden nagłówek, jedno zdanie, jeden przycisk, jeden obraz. Strona jest okładką, a nie pulpitem nawigacyjnym.
Ilustracje mają charakter redakcyjny i epizodyczny, a nie systematyczny. Strona główna przedstawia pojedynczą, ręcznie rysowaną ilustrację (zielony kwiat, geometryczna dłoń, linie konstelacji) w luźnym, lekko naiwnym stylu. Ilustracje wyglądają raczej jak prace zlecone, które zmieniają się sezonowo, niż jak dzieła ze stałej biblioteki. Na stronie głównej nie ma zdjęć. Nie ma też ikon – całą pracę wykonuje logo tekstowe i tekst. Język wizualny jest zorientowany głównie na tekst, a ilustracje pełnią funkcję interpunkcji.
Paleta
Neutralny
- Newsprint Cream
#f7f4ed— Płótno strony, tło okna głównego i tło sekcji mają ciepły, lekko kremowy odcień, który sprawia wrażenie interfejsu drukowanego, a nie cyfrowego. - Paper White
#ffffff— Powierzchnie kart, panele wypukłe, pola wprowadzania formularzy i wszelkie powierzchnie, które muszą zostać oddzielone od płótna kremowego. - Ink
#242424— Tekst główny, linki, nagłówki - odcień nieco cieplejszy niż czysta czerń, dobrze wygląda na kremowym tle. - Body Gray
#333333— Kolor dodatkowy tekstu i domyślny kolor pierwszego planu są stosowane w sytuacjach, gdy wymagany jest kolor nieco jaśniejszy od koloru tuszu bez utraty kontrastu. - Button Black
#191919— Kolor neutralny jest obsługiwany dla drugorzędnych elementów interfejsu użytkownika, separatorów i wyciszonych etykiet. Nie należy go używać jako koloru podstawowego w przypadku wezwań do działania. - Marginalia Gray
#6b6b6b— Obsługa neutralnych kolorów dla interfejsu użytkownika pomocniczego, separatorów i wyciszonych etykiet.
Typografia
od 13 do 120px · 5 kroków
- medium-content-sans-serif-font — wymiana: Inter · wytyczne 400 · czcionka o średniej zawartości i bezszeryfowa - znaleziona w wyodrębnionych danych, ale nieopisana przez sztuczną inteligencję.
- GT Super — wymiana: Playfair Display · wytyczne 400 · Nagłówki i tekst główny to przejściowa czcionka szeryfowa o ekstremalnej skali, z wąskimi odstępami między literami i interlinią 0,83. Wybór grubości 400 (bez pogrubienia) przy 120 px to charakterystyczna cecha: to kształt liter, a nie ich grubość, decyduje o sukcesie. Ujemny odstęp między literami zmniejsza optyczne odstępy, dzięki czemu „Human Stories and Ideas” sprawia wrażenie spójnego bloku typograficznego.
- Söhne — wymiana: Inter · wytyczne 400 · Czcionka bezszeryfowa UI jest używana do nawigacji, przycisków, podtytułów i małych tytułów. Zakres 13–14 px jest przeznaczony do etykiet i przycisków nawigacyjnych; 20–22 px do podtytułów i tekstu pomocniczego w tytule. Czysta czcionka bezszeryfowa o humanistycznych proporcjach jest czytelna w małych rozmiarach i dyskretna w dużych.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przeciętny |
| Podstawowy krok | 16-24px |
| Promień przycisku | 9999px |
| Promień karty | 0px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 64px |
| Szerokość strony | 1200px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Medium i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- Steep — Analiza czcionek szeryfowych na papierze ciepłym
- Newformcap — Gazeta redakcyjna w szatni
- Claude — Artefakt wydrukowany na ciepłym pergaminie – tusz na papierze kostnym, glina jako jedyny powiew koloru
- 11x– Digital workers — Kinematograficzne pustkowie redakcyjne – panoramiczne zdjęcia krajobrazu na tle monumentalnych, szeryfowych nagłówków, które czytają się jak rozkładówka luksusowego magazynu
- Revolut — Monochromatyczna praca redakcyjna oparta na fotografii chmur — biały tusz, guziki w kształcie pudełek na tabletki, pojedynczy niebieski pasek koloru w świecie będącym w innym przypadku szarością.
- Scheduling — Tusz redakcyjny na papierze kremowym
- Titan — ciepło tonowane monochromatyczne archiwum
- Programa — Szwajcarskie studio projektowe w południe. Białą ścianę galerii oświetla pojedyncza żółta lampa stołowa – wszystko jest utrzymane w odcieniach szarości, dopóki jakiś przycisk, ikona lub akcent nie przyciągnie uwagi. Wtedy ten pojedynczy żółty akcent definiuje całe pomieszczenie.
- Sana Agents — Błyszczący limonkowy kolor na białym tle w wersji redakcyjnej
- Visual — Ciepły, redakcyjny samizdat. Kremowy papier, plakaty szeryfowe, monochromatyczne marginesy, jeden żółty marker.
- Midday — Broszura redakcyjna na pergaminie – nagłówek szeryfowy 72 px na ciepłym, kamiennym tle, tekst główny bezszeryfowy z odstępami, kontrolki w kształcie pigułek, brak cieni
- Chat for impact — Klinika w leśnej zieleni z pokojami w pastelowych kolorach