Header Design Studio

Presets & layout

Built-in preset Saved styles

Header layout

Brand & menu

Logo text Menu items (comma separated) Surface style

Colors & chrome

Background Text Hover

Radius Border width Border color

Drop shadow

CTA button

Show CTA CTA label

Fill Text Hover

Pill shape

Sticky & scroll

Sticky behavior Background blur when scrolled Shrink header when scrolled Stronger shadow when scrolled Transparent → solid on scroll

Save & load

Saved designs

Design suggestions

Production output

Generated code

Format