Pellam

Sections

• Opening: studio name, one-line positioning, a printed poster that finishes printing as you scroll, two actions and three facts
• Selected work: six printed project covers with title, client type, year and discipline
• Case study: brief, approach, three stages beside a sticky plate that reprints for each, and four outcome numbers
• Services and a four-step process
• Studio: two monogram portraits and a note on the room
• Clients and recognition
• Contact: email, address and a short form, then the footer

In the ZIP

• index.html, with css/, js/ and fonts/ folders
• The risograph print shader and the code-drawn covers, written for this template
• js/config.js to change inks, text and project covers in one place
• three.js and Lenis (MIT, licences included)
• Syne, Space Grotesk and Space Mono font files with their licences
• A still picture of the hero poster, used when the print effect is unavailable
• LICENSES-THIRD-PARTY.md
• AI-INSTRUCTIONS.md for Claude or ChatGPT
• README.md for you

The project covers, poster and portraits are drawn in code and printed by a shader, so no photos are needed. Three ink buttons recolour the whole page. The contact form shows a thank-you on the page; connect it to your own form service to receive messages. Opens best on a web server (every host in the instructions is one). The print effect needs WebGL; without it, or with reduced motion on, visitors see still, fully printed pictures instead.