Back to Portfolio

    A hand-held map you can turn

    Alchemist Tetrahedron

    The Alchemist Tetrahedron is a small 3D-printed pyramid I made.

    Each face holds a different map.

    This page has one job. Make a physical object make sense on a screen.

    Visit the live site
    Alchemist Tetrahedron hero
    The object, in the first second.
    Timeline
    Added June 2026. Refined through October 2026.
    What I did
    Concept, design, build, video, checkout

    What mattered

    • •Seeing it from every angle, before buying.
    • •Hands holding it, not a product shot on white.
    • •A simple price. $20 USD.
    • •A page that stays light and loads fast.

    An object, four maps

    Four faces. Four feelings. Four archetypes. Four elements. Four directions.

    Turn it and you navigate.

    A flat diagram can't hold all four at once. The shape can.

    Spin it first

    A 3D model you drag to spin and scroll to zoom.

    You see every face from every angle, the way the real thing is meant to be held.

    Interactive 3D model of the tetrahedron
    Drag to spin. Scroll to zoom.

    One tool, many maps

    Load it with any four-part system and it becomes a new navigation tool.

    The page shows the maps side by side, so you can see how one shape carries many.

    The maps section
    Many maps, one tool.

    Made to be held

    Photos of real hands holding it.

    Seven short films, from how it started to what it means to hold a 3D map in your hands.

    Then the price, and one button.

    Video gallery
    Seven short films.

    Plain on purpose

    The page started as plain HTML, and I kept it that way.

    It's one file, served by the unhookable.world site it lives in.

    In October I replaced the hero video with a silent clip.

    Get yours section
    The price, and one button.

    What we delivered

    • •A one-page product story with an interactive 3D model
    • •Seven embedded films and a photo gallery
    • •The four maps explained visually
    • •A checkout link for $20 USD
    • •A silent hero video

    Built with

    • Plain HTML + CSS. The page itself
    • three.js. The 3D model
    • Next.js 16. The unhookable.world site that serves it
    • Stripe payment link. Checkout
    • YouTube embeds. The films
    Alchemist Tetrahedron on mobile
    On a phone.

    Have something like this in mind?

    Tell me what you're building.

    We'll talk it through, and I'll tell you honestly if I'm the right person for it.

    Stay in the loop

    Letters, resources, invitations, and food for your soul.