FEATURES

BUILT AROUND THE CIRCUIT.

A visual and content system centered on the puzzle itself: clear paths, deliberate rotations, readable feedback and a distinctive four-color identity.

01 / PUZZLE FOCUS

THE BOARD IS THE MAIN CHARACTER.

The presentation keeps attention on the circuit network rather than surrounding it with unnecessary game-world decoration.

That same restraint carries into the website: typography leads, imagery explains, and neon accents mark important moments.

Circuit puzzle grid illustration
02 / SPATIAL REASONING

ONE TURN CAN CHANGE THE ROUTE.

Rotating a piece changes how its paths relate to the neighboring pieces. The strongest visual language therefore comes from showing relationships, not isolated objects.

This site uses connected diagrams and generous whitespace to make those relationships easier to read.

Circuit flow diagram
03 / VISUAL SYSTEM

FUTURISTIC WITHOUT THE DARK WALL.

White and off-white surfaces keep the interface light; circuit lines, rounded geometry and neon accents carry the game's identity.

BLUE

Primary cool accent.

PINK

High-contrast accent.

YELLOW

Warm energy highlight.

GREEN

Balancing accent.

04 / RESPONSIVE PRESENTATION

DESIGNED TO RECOMPOSE, NOT JUST SHRINK.

Wide layouts use asymmetric composition and generous whitespace. Narrow layouts collapse navigation, stack content and keep visual elements inside comfortable reading widths.

A

FLUID TYPE

Headings and body copy scale across viewport sizes.

B

CONSISTENT GUTTERS

Left and right margins remain controlled from desktop to mobile.

C

COMFORTABLE CARDS

Internal padding stays readable without oversized empty space.

D

REDUCED MOTION

Reveal effects respect the user's reduced-motion preference.