Emboss

About this template

Emboss is built for studios that draw identities for physical things: freight, instruments, food, transit, care. The demo studio is fictional, and every page assumes a buyer with real cases to show.

The mark in the middle of the page is the template. You upload one SVG in the CMS and the scene extrudes it, lights it and keeps it in the page while you scroll. Section by section the room changes colour, and the object, the type and the rules change with it, because the scene writes ten design tokens into the page. The case page does the same with the case name, so every case gets its own object.

At a glance

Seven pages: home, work index, case study from the CMS, services, studio, contact and a custom 404.

Two CMS collections: Cases, and Site, one record holding your logo, mark, phone, email, address and messenger link.

Three breakpoints on every page, four code components, two overrides.

Free fonts: Big Shoulders and Space Grotesk, both under the SIL Open Font License.

Runs on a Basic plan.

What you change, and where

Your mark goes in one place. The Site collection has an upload field, and the scene on every page reads it from there, so the object, the case titles and the tiles update at once. The palette is ten colour styles, and changing them moves the object and the room together.

Contact without a backend

The contact page composes the message from four fields and opens your messenger with the text already written. No form service, no API key, no monthly fee.

Motion, honestly

The object is drawn with WebGL and it degrades on purpose. Without WebGL the page keeps its colours and layout and simply shows no object. Reduced motion is respected everywhere.

Setup and support

Remix the project, replace the demo brand, upload your SVG, publish. Questions: [email protected]