Tytuł strony(ang. Page Title)

Niemalże każda strona rozpoczyna się od tytułu strony. Tytuł strony informuje o treści, której może się spodziewać na danej stronie. Występuje w wersji na białym tle i w wersji na tle zdjęciowym lub na tle filmu.

Struktura

  1. Kategoria

    Opisuje kategorię stron, do której należy podstrona. Rekomendowany limit słów to 2.

  2. Tytuł

    Rekomendowany limit tekstu to 3 linijki na wszystkich rozdzielczościach.

  3. Lead opcjonalny

    Stanowi rozwinięcie tytułu. Rekomendowany limit tekstu to 8 linijek na wszystkich rozdzielczościach.

  4. Przyciski opcjonalne

    Przyciski umieszczone w tytule strony służą najczęściej odesłaniu użytkownika do innego miejsca (do zewnętrznej strony, do innej podstrony) oraz do pobrania pliku. Maksymalna liczba przycisków to 2, przy czym w przypadku umieszczenia dwóch przycisków pierwszy powinien być przyciskiem pierwszego stopnia a drugi — drugiego stopnia.

  5. Separator

    Oddziela tytuł strony od treści strony.

Klikalne są jedynie przyciski.

Warianty

  1. Tytuł strony z białym tłem

    Ten wariant zalecany jest szczególnie w przypadku stron, które mają bardziej narzędziowy charakter i przeznaczone są dla specjalistów. Przykładowo, mogą to być strony z raportami dla inwestorów, strony prezentujące aktualne hurtowe ceny paliw albo regulamin.

  2. Tytuł strony ze zdjęciem lub filmem w tle

    Służy jako wariant tytułu dla stron wizerunkowych. Ten wariant zajmuje większą część ekranu niż wariant z białym tłem. Przy doborze zdjęć lub filmów należy dbać o zachowanie czytelności tekstu w stosunku do tła. Zalecany poziom kontrastu tekstu do tła to minimum 3:1. Należy wybierać bardziej jednolite zdjęcia do tła, ponieważ zbyt szczegółowe zdjęcia mogą pogorszyć czytelność tekstu.

Zasady stosowania

lorem ipsum

Tytuł strony z białym tłem na stronach narzędziowych

lorem ipsum

Tytuł strony ze zdjęciem na stronach wizerunkowych

lorem ipsum

Jasność i kontrast utrudniające odczytanie tekstów

lorem ipsum

Źle wykadrowane zdjęcie lub zdjęcie trudne do wykadrowania na różnych rozdzielczościach

lorem ipsum

Zbyt długa nazwa kategorii

Rekomendowany limit słów to 2.

lorem ipsum

Zbyt długi tytuł

Rekomendowany limit tekstu to 3 linijki na wszystkich rozdzielczościach.

lorem ipsum

Zbyt długi lead

Rekomendowany limit tekstu to 3 linijki na wszystkich rozdzielczościach.