Gallery

Tools, templates and experiments

Things we built at Graphyte, a small web studio. Each one started as a working page built with Claude. These are static snapshots, so a few features that needed a live account are switched off or use example data.

Tools

Hex Generator

Shape a graphite hexagon lattice with sliders, watch it fade by cell size, and copy it as SVG.

Post Maker

Drop in a screenshot and write one line to get a branded 1080×1350 image for LinkedIn and Instagram.

Right-click the preview to save it

Pricing Calculator

Services, complexity, risk and timeline turn into a floor-to-stretch price range with a value check.

Runs on example numbers

Home Copy Picker

The Graphyte homepage with numbered alternatives for every line. Click through the options, edit in place, then copy your picks.

Share Image Picker

Three 1200×630 share images, each previewed as a LinkedIn, X, iMessage and chat-app card.

Templates and frameworks

Client Questionnaire

A six-part questionnaire to send before kickoff. Blank, "not sure" and vague answers become the agenda for the kickoff call.

Client View

A project board for clients with their tasks, what needs their review, what's next and what got done this week.

Example project

Design experiments

Footer Ideas

Three footers built on a hex lattice drawn live in the browser: Ink bloom, Horizon and Stamp.

The r Button

A glowing map toggle shown four ways (matte, lit, ringed and liquid orb), with a safe-area overlay and optional sound.

At home

Recipe Box

A family meal planner. Vote on recipes over six rounds, keep the ones you like, and set which basics to buy each week.

Votes save in your browser