Wypełnienie rastrem punktowym: hero, okładki, CTA. Obrys z kropek: strony kategorii i mniejsze sekcje.

Siatka 10 px, sześć wielkości kropki. Kropka jest zawsze kołem.

Od #1B2B9C do #8DA1FF, bez bieli w najjaśniejszych kropkach. Motyw to tło, tekst ma pierwszeństwo.

Szary, od #E4E5E9 do #8A8E97. Jedynym kolorem zostaje pomarańczowy punkt.

Pomarańczowe koło 5 px wpisane w siatkę, kropki pod nim usunięte. Pokazuje pierwszego lidera, którego nie zakrywa gradient.

W hero skala −13 % od wyjściowej, liczona od prawej krawędzi. Obiekt wygasa w stronę tekstu i nie wchodzi w kolumnę tekstu.

Pole idzie za konturem obiektu do ok. 160 px, lekko postrzępione. Kropki o połowę mniejsze od kropek obiektu i o ok. 40 % bliżej tła w kolorze, żeby obiekt był lepiej widoczny. Wokół koła pole jest okrągłe, wokół trójkąta trójkątne.

Gradient zaczyna się pod kolumną tekstu. Skrypt sprawdza kontrast każdego tekstu (≥ 4,5 : 1, od 24 px ≥ 3 : 1) i w razie potrzeby przesuwa gradient. Tytuł i lead do 3 linii, dół kolumny do ok. 70 % wysokości kadru.

Obiekt chowa się pod gradientem: kropki maleją, przyjmują jego kolor i znikają w ziarnie. Bez ciemnego pasa i bez jasnej kreski.

Artykuł i raport: gradient od dołu (D, F). Okładka i social: od góry, tekst na dole (G). Gradienty rozciągnięte, płynne.

Rama 48 px od krawędzi. Tekst 48 px wewnątrz ramy, wyrównany do treści poniżej.

Ryciny, wykresy i tabele rysujemy liniami. Motyw z kropek nie wchodzi w dane.

Tylko wypełnianie kropkami, ok. 2,5 s, punkt pojawia się na końcu. Bez linii skanu i bez ruchu w pętli.