Retheme Set
One locked homepage composition pushed through gold editorial, electric gradient, and cyber hardware directions.
Key signals
3 directions
Gold, electric, and cyber all share one stage.
1 layout
Navigation, hero split, and CTA pair stay fixed.
Wide range
The atmosphere shifts without redrawing the structure.
Visual summary
Review the visual system directly on the page.
Hold the same structure across three aggressive art directions without letting the result feel like a simple palette swap.
Warm direction
Gold editorial
A warmer direction with softer highlights, glass navigation, and a calmer editorial finish.
Electric direction
Electric gradient
A brighter direction driven by neon gradients, glass surfaces, and a higher-energy glow.
Cyber direction
Cyber hardware
A darker hardware-led direction with sharper chrome, code UI cues, and a more technical edge.
Challenge
Hold the same structure across three aggressive art directions without letting the result feel like a simple palette swap.
Stack
Service lanes
System map
Step 01
Locked the navigation, split hero layout, CTA pair, and right-side stage before changing any styling.
Step 02
Shifted lighting, palette, material treatment, and interface tone while keeping the composition intact.
Step 03
Presented all three directions together so the consistency of the structure stays obvious at a glance.
Deliverables
- Shared homepage framework
- Three finished art directions
- Presentation image set
- Expandable comparison rail
Outcomes
- Proved the composition can hold very different moods without reworking the layout.
- Made the range in the art direction easy to review side by side.
- Created a reusable framework for future retheme experiments.
Related scope