CodeSpectrum

Five studio disciplines could easily become a dense service catalogue. The goal here was to make the breadth of the offer legible quickly and let a visitor move from the whole to a specific discipline.

Five disciplines share one spatial metaphor. On hover, each lights up in its own color while the previous glow fades. Color helps distinguish the areas rather than merely decorating the page. A click moves to the matching folder and opens its window.

Folders lead to independent windows rather than static cards. The windows can be closed, minimized and moved; a closed window reopens from its folder. Tonal surfaces and soft shadows separate the windows from their background without persistent outlines everywhere.

In the engagement section, a concise timer draws attention to an example offer while leaving the work formats central. Details unfold softly on hover, focus or activation. The brief dropdowns use the same visual language.

The site adapts to narrow screens, supports keyboard use and respects reduced-motion settings. The form creates a brief file locally in the browser; it sends no enquiry. Backend appears in the studio’s service positioning, but this CodeSpectrum site has no implemented server backend. The offer and its deadline are a demonstration example, not an active commercial promise.