Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageStudio Utility Header
A sticky header with a slim utility bar (announcement text, secondary links) above the main bar. Menu Panel component props: triggerLabel, link1-4, featuredTitle, featuredDesc, featuredImage, featuredAlt, closingLabel.…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Studio Utility Header reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Headers and navigation
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 1
Set on the section, in Etch’s attributes panel. No code needed.
data-themeheader surface
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
triggerLabelWork
link1Case studies
link2Brand identity
link3Product design
link4Web builds
featuredTitleThe 2026 studio reel
featuredDescThree minutes, six projects, one way of working.
featuredImagehttps://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=500
featuredAltA misty mountain ridge at dusk
closingLabelView all work
Free pattern. Yours to use on any site, no plan needed.
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
