Wzorce Nagłówek sekcji
Wzorce
Nagłówek sekcji
Powtarzalny blok otwierający sekcję: etykieta, tytuł i opcjonalny lead. Spina trzy stopnie typografii w spójną, wyrównaną całość – używaj go zamiast składać te elementy ręcznie.
Wyrównanie do lewej
Domyślny wariant. Szerokość ograniczona do max-w-3xl dla czytelności.
Co robimy
Pełne spektrum kompetencji
Łączymy strategię, projektowanie i development – marka wygląda i działa spójnie.
astro
<SectionHeading
eyebrow="Co robimy"
title="Pełne spektrum kompetencji"
lead="Łączymy strategię, projektowanie i development."
/> Wyśrodkowany
align='center' centruje blok – dla sekcji otwierających strony.
Studio
Projektujemy i budujemy produkty cyfrowe
Z Tobą od pierwszego szkicu aż po wdrożenie.
Sam tytuł
Bez eyebrow i lead – gdy kontekst jest oczywisty.
Wybrane realizacje
Właściwości
| Prop | Typ | Domyślnie | Opis |
|---|---|---|---|
| title | string | – | Tytuł (wymagany). |
| eyebrow | string? | – | Etykieta nad tytułem. |
| lead | string? | – | Zdanie wprowadzające pod tytułem. |
| as | 'h1' | 'h2' | 'h2' | Poziom i stopień nagłówka. |
| align | 'left' | 'center' | 'left' | Wyrównanie bloku. |