Hero (ALW-127)
Full-bleed image or video with optional heading, body, and up to 2 CTAs. Text color black/white only. Padding insets overlay; bottom gutter spaces to next section.
Hero · 01
Default — center / middle · black text · heading + body + 2 CTAs
Matches section preset. Full-width. Gutter 2px.
headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Hero · 02
Left / bottom · white text · left-aligned
Use white text over dark imagery.
headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Hero · 03
Right / top · black text
headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Hero · 04
Page-width (not full bleed)
section_width=page-width
headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Hero · 05
Heading + dual CTAs only
Max 2 button blocks.
new season
Hero · 06
Heading only — minimal
alexander wang
Hero · 07
Finer overlay padding (ALW-194)
Larger padding insets text from edges. Padding ≠ bottom gutter.
headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Hero · 08
Bottom gutter = 8px
gutter = margin-bottom before next section.
headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.