Paleta i kroje

źródło: fluentbe.com

Nagłówki

Kurs dopasowany do Ciebie

IBM Plex Sans 600 tracking -0.02em Google Fonts
44hero, desktop
34sekcja
20nagłówek karty

Tekst

Lekcje na żywo w małych grupach, terminy ustawiasz sama, a postępy sprawdzasz w panelu kursanta. Cały serwis stoi na jednym kroju w trzech grubościach.

IBM Plex Sans 400 i 500 16 px / 1,7 jeden krój na całość

Fluentbe nie miesza krojów: nagłówki i tekst to ten sam IBM Plex Sans, różnicę robi wyłącznie grubość i wielkość. To krój otwarty, więc bierzemy go do dem bez zamiennika.

Paleta

#212529

Grafit. Nagłówki, tekst podstawowy, ikony kreskowe.

#0782FF

Niebieski. Przyciski, linki, stan aktywny.

#7A7A7A

Szary. Akapity drugiego planu, podpisy, daty.

#FCE6D6

Brzoskwinia. Kafle z liczbami, plamy przy zdjęciach.

#E2F5CC

Zieleń. Druga plama w mozaice, znaczniki.

#E8DEFC

Lila. Trzeci kafel w rotacji pasteli.

#F7F76B

Żółć. Wyłącznie kafel z wezwaniem, raz na sekcję.

Pastele w bento

40 000+kursantów
1 000+lektorów
1+ mlnlekcji
4,9średnia ocena

Pastele nigdy nie niosą tekstu w kolorze marki. Każdy kafel dostaje własny ciemniejszy odcień z tej samej rodziny, dzięki czemu kontrast trzyma się powyżej 4,5:1 i liczby czytają się z daleka.

Jak to siedzi razem

Sprawdź swój poziom

Reguła z oryginału: niebieski pojawia się tylko tam, gdzie coś się klika. Tła sekcji zostają białe, a kolor wchodzi pastelowymi plamami, które oddzielają bloki bez jednej ramki i bez cienia.