The Backdrop Never Scrolls
One fixed photograph sits behind this whole page
sections with their own background hide it
transparent sections let it show through
Every Page Hides Its Nav
Behind One Button
Aurora skips the usual navbar entirely. A single Menu trigger sits in the header on every page; the off-canvas panel behind it holds every link, the layout notes, and the color-theme switcher in one place.
- One Trigger
- Same Everywhere
- Holds The Switcher
Transparent, Until
It Isn't
Over the hero this header is invisible — just the Menu button floating on the photo. Scroll past the banner and it snaps to a solid bar, so the trigger stays reachable without covering the art.
Photo, Text,
Reverse, Repeat
Three rows like this one alternate image and copy left-to-right, each a touch darker than the last. Below 992px they stack instead — photo on top, copy centered underneath.
Seven Palettes,
One Set Of Variables
Six accent custom properties drive every colored surface on this page. Pick a swatch in the off-canvas menu and all six repaint together — no reload, no second stylesheet.
Everything On This Page
Six pieces, one template — the same six repeat on Generic and Elements too.
-
Landing Frame
One fixed photo behind the hero, shown through every section that goes transparent.
-
Off-canvas Nav
A single Menu trigger opens one panel with every link, on every page, at every width.
-
Header Toggle
Transparent over the hero, solid the moment it scrolls past — one observer, no jQuery.
-
Spotlight Rows
Alternating photo-and-copy rows that reverse direction and stack on phones.
-
CTA Band
A transparent closing band below — the same fixed photo shows through here too.
-
Palette Variants
Six accent properties, seven palettes, one swatch click to preview each.
Try The Switcher
Seven palettes live in the off-canvas menu. Open it, click through them, then check Generic and Elements — the same accent repaints those pages too.