Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageProximity Icon Dock
Studio header whose primary navigation is a glass dock of icon tiles, built as a plain, fully editable Etch tree over an optional demo hero: header > head > bar (brand with a dock mark, a "Proximity Dock" wrapper compone…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Proximity Icon Dock 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
- Footers and headers
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 9
Set on the section, in Etch’s attributes panel. No code needed.
data-themedata-accentACSS colour for the CTA, badges, current tile and status
data-positionwith the demo stage on, the bar sticks while the stage scrolls and frosts once stuck
data-glassfrosted or solid dock tray
data-statusavailability chip beside the CTA (wide screens) and in the mobile sheet
data-revealmobile sheet entrance
data-sheetmobile sheet layout: springboard tiles or rows with notes
data-featurelatest-project card in the mobile sheet
data-stagethe demo hero behind the bar
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
magnifyTrue
strengthnormal
reachnormal
easingspring
labelshover
indicatordot
presspop
sizem
tilessoft
labelPrimary
iconprojects
labelProjects
url#projects
currentFalse
showNoteTrue
noteHomes, hotels, restaurants
showBadgeFalse
badge2
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
