Biblioteka · harness pokazany: Typografia i paleta

Typografia i paleta

rejestr A1 · A2 · A3

Stopnie, wagi i kolory, z których zbudowane są wszystkie sekcje.

9 wariantów w katalogu

1Stopnie, wagi i paleta z pomiaruClearPath
Osobno
2Porównanie par krojówwarsztat
Osobno
3Jeden krój, jedna waga, drugi tylko na etykietyaurora.tech
Osobno

Inter 600 niesie całą stronę, IBM Plex Mono 600 wersalikami tylko w etykietach 9-12 px. Interlinia schodzi poniżej 1 od 32 px w górę, tracking ujemny na każdym stopniu. Pomiar: korpus/aurora-typografia.md.

4Paleta i kroje zdjęte z kruzee.comkruzee.com
Osobno

Wzornik marki: para krojów z rolami i skalą, sześć kolorów z opisem zastosowania, pasek pokazujący je razem.

5Paleta i kroje zdjęte z cdv.plcdv.pl
Osobno

Wzornik marki cdv: jeden krój w dwóch wagach (TT Hoves w darmowym zamienniku), grafit jako baza i trzy barwy rotujące między sekcjami.

6Paleta i kroje zdjęte z topdriver.comtopdriver.com
Osobno

Wzornik marki topdriver: Sora na nagłówki i Poppins na tekst, granaty pod zdjęcia i jeden niebieski jako akcent. W CSS rodzina nagłówków nazywa się Unbounded, ale wczytywany plik to Sora.

7Paleta i kroje zdjęte z lingoda.comlingoda.com
Osobno

Wzornik marki lingoda: F37 Sonic w zamienniku Outfit, Open Sans na tekst, ciemny fiolet jako baza, magenta do działania i limonka wyłącznie jako drugi głos.

8Paleta i kroje zdjęte z fluentbe.comfluentbe.com
Osobno

Wzornik marki fluentbe: jeden krój IBM Plex Sans na całość, niebieski wyłącznie tam, gdzie coś się klika, i cztery pastele, które dzielą sekcje zamiast ramek.

9Paleta i kroje zdjęte z tutlo.comtutlo.com
Osobno

Wzornik marki tutlo: Lexend Deca w lekkiej trzysetce na tekst, żółty jako kolor akcentu pod ikonami i w podkreśleniach, fiolet jako kolor działania.

Podglądy działają na żywych plikach warsztatu. Ruch przy przewijaniu odpalisz, przewijając wewnątrz ramki.