Design systemy mediów i rozrywki
Design systemy wyodrębnione ze stron newsowych, magazynów, wydawnictw, serwisów streamingowych i rozrywkowych. Prym wiedzie typografia: kroje nagłówkowe, podpisy autorów i siatki artykułów, a kolor pojawia się oszczędnie, w sekcjach i wezwaniach do działania.
2 przykłady DESIGN.md w tej kategorii, ze stron: The Onion i WIRED. Wyodrębnione z publicznych stron każdej witryny, to nie są oficjalne wytyczne marek. Nie znasz tego formatu? Przeczytaj, czym jest DESIGN.md.
The Onion
The Onion to zdigitalizowany satyryczny dziennik: pogrubione, wąskie nagłówki gotyckie w kolorze czarnym, charakterystyczny leśny zielony akcent marki (#006b3a) używany w etykietach sekcji, odznakach trendów i wezwaniach do działania, a wszystko to na surowym, białym lub jasnoszarym tle. Typografia jest głównym narzędziem projektowym: nagłówki dominują wąskie i półwąskie groteski z Adobe Fonts (tablet-gothic, rocky-condensed), a tekst artykułów opiera się na utopia-std-caption. Układ jest gęsty informacyjnie, z ciasnymi siatkami kart, separatorami artykułów w postaci dolnych obramowań i niemal zerowymi promieniami zaokrągleń elementów konstrukcyjnych. Elewacja jest minimalna: kilka subtelnych cieni występuje wyłącznie w nakładkach.
WIRED
WIRED-owa dokumentacja systemu projektowego to wysokokontrastowa, redakcyjna struktura w skali szarości, oparta na zastrzeżonym systemie typograficznym (Breve Text, WIRED Mono, WiredDisplay, Apercu) i niemal zerowej palecie barw. Czerń (#000000), występująca w 2961 wystąpieniach, dominuje w tekście, obramowaniach, ikonach i stanach interaktywnych. Biel (#ffffff) stanowi główną powierzchnię. Kolor akcentu pojawia się oszczędnie: jedynie #057dbc, niebieski marki, używany jest w przyciskach wezwania do subskrypcji. Układ opiera się na uporządkowanej, wielokolumnowej siatce tekstów, z ciasnym podstawowym odstępem 8 px, płaskimi powierzchniami bez cieni i minimalnym zaokrągleniem narożników (standardowo 4 px). Kluczowym wyróżnikiem jest typografia: tekst artykułów składa się krojem Breve Text w rozmiarze 19 px, etykiety sekcji używają WIRED Mono, pisanego wielkimi literami z rozstrzeleniem, a nagłówki wyświetlane korzystają z WiredDisplay. Całość sprawia wrażenie autorytatywnej, gęstej informacyjnie i zorientowanej przede wszystkim na płynność czytania.
Nie ma tu strony, której potrzebujesz?
Wklej URL dowolnej strony i wygeneruj jej DESIGN.md. Kolory, typografia, odstępy i tokeny, gotowe dla twojego workflow z AI.