Cennik Szablon HTML

Trzy wiersze karnetów tworzą kompletną, statyczną sekcję cennika

Karnet dzienny, Karnet miesięczny i Karnet zespołowy tworzą już podstawowy model treści tego bloku: trzy porównywalne opcje ułożone w ułożone pionowo wiersze. Lewa strona każdego wiersza łączy etykietę planu z prezentowaną ceną, podczas gdy szersza prawa strona mieści dwa wiersze pomocniczego tekstu przykładowego. Dzięki temu sekcja jest wystarczająco uporządkowana, by prezentować zestawienie cen na statycznej stronie HTML bez potrzeby projektowania układu wariantów od podstaw.

Prezentacja celowo ogranicza się wyłącznie do informacji cenowych. Wewnątrz bloku nie ma zweryfikowanego mechanizmu kasy, formularza ani dynamicznego mechanizmu wyboru, więc strona nadrzędna zapewnia ewentualną ścieżkę zakupu lub zapytania umieszczoną przed blokiem lub za nim. Jasnoszary środkowy wiersz przełamuje białe tło pozostałych elementów i nadaje trzywierszowej tabeli prosty rytm wizualny. Czarny tekst, pogrubione etykiety pisane wersalikami oraz szerokie odstępy w poziomie sprzyjają szybkiemu skanowaniu wzrokiem i porównywaniu ofert. Jako gotowa sekcja statyczna może funkcjonować obok innych elementów HTML, zachowując własny cel cennikowy, dwukolumnową hierarchię oraz powściągliwą formę wizualną. Taka struktura pozostawia też sąsiednim sekcjom strony przestrzeń na wyjaśnienie oferty lub zaproponowanie ścieżki interakcji bez obciążania całego układu strony tą jedną strefą cenową.