Headers
Advanced navs — fullscreen portals, docks, command-first
12 blocks( filter blocks )
01 — NavFullscreenPortalBurger opens a fullscreen portal — giant staggered links on the left, a live preview image that swaps with the hovered link on the right.
02 — NavSplitRevealMenu splits the page in half — two panels sweep from a center seam, links slide in alternating left/right.
03 — NavPillDockFloating pill dock nav with an active indicator that morphs between links using a shared layout animation.
a floating command center for your product — every tool, one dock.
04 — NavDrawerStackRight-side drawer holding nested accordion sections — one section open at a time, sub-links reveal with a height animation.
05 — NavScrollShrinkHeader compresses height and gains a blurred surface as the page scrolls, with a scroll-progress hairline along the bottom edge.
06 — NavCommandFirstHeader with a prominent ⌘K trigger opening a command-palette mock — arrow keys move the highlight, Escape or outside click closes it.
07 — NavMarqueeBrandWordmark that morphs into a scrolling marquee strip on hover — the static logotype crossfades into a repeating band of itself.
08 — NavTabsUnderlineProduct-site tabs with a sliding underline indicator; hovering opens a column-panel dropdown with grouped links.
11 — ViewportWordmarkHeaderPoster masthead: brand name edge-to-edge at ~12vw weight-900 in pure accent ink with a superscript ®, over a full-width accent rule and a four-column mono colophon row.
outfit®
( official merchandise )
Limited garments printed in one ink on honest fabric. Nothing seasonal, nothing spare.
instagram ↗©26
12 — CarvedWordmarkHeaderCarved-inscription masthead: per-letter deterministic warp in accent with a darker inline stroke, a die-cut brand sticker straddling the seam between words, plaque label above and a Roman-numeral date row below.
EXHIBIT · HALL I
MMXXVIIV — IXNo. VII