Plac zabaw UI
Podgląd fontów, kolorów, typografii i elementów interfejsu Grupy Pino
Fonty
Czcionki używane w serwisach Grupy Pino
Domyślna czcionka
Roboto to nowoczesna, geometryczna czcionka bezszeryfowa zaprojektowana przez Google. Idealna do długich tekstów i interfejsów.
Eleganckie nagłówki
Playfair Display to klasyczna czcionka szeryfowa z eleganckimi proporcjami. Doskonała do nagłówków i akcentów.
Techniczny charakter
Space Grotesk to nowoczesna czcionka o technicznym charakterze. Świetnie sprawdza się w interfejsach aplikacji.
Przyjazny styl
Nunito to zaokrąglona czcionka bezszeryfowa o przyjaznym charakterze. Idealna do treści skierowanych do szerokiego odbiorcy.
Kod i dane
Fira Code to czcionka o stałej szerokości z ligaturami programistycznymi. Używana do prezentacji kodu.
Kolory
Paleta kolorów CSS Variables
Kolory podstawowe
Skala zieleni
Skala szarości
Typografia
Skala wielkości tekstu i stylów
Nagłówki
Nagłówek H1
Nagłówek H2
Nagłówek H3
Nagłówek H4
Nagłówek H5
Nagłówek H6
Tekst
Tekst XL
Tekst LG
Tekst bazowy
Tekst SM
Tekst XS
Wagi czcionki
Przykładowy tekst
Przykładowy tekst
Przykładowy tekst
Przykładowy tekst
Odstępy (Spacing)
Elementy UI
Komponenty interfejsu użytkownika
Odznaki (Badges)
Alerty
Karty
Tytuł karty
To jest przykładowy tekst w karcie. Karty służą do grupowania powiązanych treści.
Inna karta
Karty mogą zawierać różne elementy: tekst, obrazy, przyciski.
Karta z odznaką
Można łączyć różne elementy UI w kartach.
Stany ładowania
Spinner
Pulse
Dots
Progress
Skeleton loader: