Stroke: Website Template for Sign Painters and Lettering Studios

On Sale

$15.00

Added to cart

Hand lettering is about the hand, so Stroke gives visitors a brush. A sheet sits near the top of the page and draws thick or thin with the direction of travel, the way a flat brush does.

**Signature interaction.** A chisel brush pad on canvas: strokes follow the angle of the hand, with two widths, two paints, undo, clear and a stroke by stroke replay, plus a flourish that writes itself on first view.

**Features**

- **Brush pad.** Draw with a mouse, pen, finger or the keyboard. Undo, Replay and Clear.

- **Alphabet of work.** Every project is a letter on a square tile, the photograph arriving on hover and focus.

- **Trade cards.** Six cards that tip a degree on hover.

- **Process and shop.** Four steps under heavy rules, then the shop with its hours.

- **Client wall.** A wall of names set in the display face.

- **Case pages.** A page per project with its letter set large behind the title.

**What's included**

- A home page and 12 project case pages, generated from one content file

- Every word, image, link and colour in `content.json`, so no code changes are needed to make it yours

- README and a buyer guide for editing, building and deploying

- The Studio Engine: Vite, TypeScript, smooth scrolling and animation