Daylight Studio — Interactive Tower Website

Daylight Studio is a playful, presentation-led website for creative agencies, independent studios and portfolios. Its centrepiece is a sea-glass tower set against a soft blue-to-apricot sky, with a glowing sun, drifting clouds and warm yellow, mint and peach accents.

Visitors drag or scroll to rotate the signs with momentum, hover to reveal labels, and click to explore About Us, Our Work, Services, Pricing and Contact. Each sign flies out from the tower and expands into a page panel; content appears after the card settles. The return animation folds the panel back into the scene. A compact page menu, live Hobart clock, optional audio and motion controls complete the experience.

The implementation uses custom Canvas 2D and WebGL rendering with source-derived textures, HTML content panels and the browser’s Web Animations API. This is a 2.5D presentation rather than a downloadable full 3D model. Responsive layouts, keyboard controls, focus handling and reduced-motion support are included.

The editable static website consists of HTML, CSS, vanilla JavaScript, local font files, SVG artwork, raster materials and an audio asset. No framework, package installation, database or server-side runtime is required. Serve the website directory with a local static server for preview, then deploy it to compatible static hosting. Branding and page copy are edited in index.html and app.js; colours and tower materials are controlled in style.css and sunny-theme.js; rendering and transitions live in scene.js and controller.js.

The Contact form validates its fields and downloads an enquiry as a text file. It does not send email or save submissions to a backend. Work and Pricing provide editable presentation content; no checkout, payment processing, booking system or CMS is connected.