Molten

Molten is a site for a design studio or agency, built around one bold gesture: your studio name, giant and melting across the top of the first screen, drawn live in WebGL. A drop of ink follows the cursor through the letters, and wanders on its own when the cursor leaves.

The rest of the site speaks the same language: photos in a duotone that open in their real colours under the cursor, headlines that tilt toward the cursor and straighten as you scroll, and a melted "let's talk" to close the page.

What's inside

• Home page: your name melted across the top, the leaning headline and one big photo, a studio section in three words, your work, services, how you work, and contact

• Work list with 4 sample sites, each shown on a desktop and a phone side by side, with its name, line, type and year

• Project page fed by the CMS: the project's name melted across the top, its lines, the idea in three words, the site on desktop and phone in windows that scroll through the whole page on hover, four facts, and the next project's name melted at the bottom

• 4 sample projects written in full in the Work collection, each linked to the next

• Full-screen menu and a copy-email button

• Duotone and accent colours set from the right panel, like every text and image

• Desktop, tablet and phone layouts

Good to know

• Fonts: Inter Tight and Poppins, free

• Motion stays still for visitors who turn off animations

• Sample sites and photos are for preview only: replace them with your own work

Questions or issues: contact@atypikal.ma