---
title: "BRAND.SKETCH: Built with ProductOS | ProductOS"
description: "BRAND.SKETCH is a playful digital-sketchbook landing for a design practice: wobbly hand-drawn borders, tape and thumbtack details, and a paper-and-marker aesthe"
url: https://productos.dev/showcase/sketch
---

[ Back to Showcase](https://productos.dev/showcase)

Customer story · Creative concept Design surface

BRAND.SKETCH

# A design landing drawn like a sketchbook page

BRAND.SKETCH is a playful digital-sketchbook landing for a design practice: wobbly hand-drawn borders, tape and thumbtack details, and a paper-and-marker aesthetic carried entirely in code. Customer-built on ProductOS.

[View live ](https://sketch-n2jl.vercel.app/)

BRAND.SKETCH · Live project

## How it was built

- Built by the customer on the ProductOS Design surface
- Hand-drawn aesthetic, wobbly borders rendered in code
- Tape and thumbtack details pinning the sections
- Digital-sketchbook layout for a design landing
- Published from ProductOS, repo, deploy, and domain handled by the platform

## Stack

Next.js 15 Tailwind CSS CSS illustration

## Built on

[ProductOS Design surface ](https://design.productos.dev/)

0

straight borders, everything wobbles

2

details that sell it: tape + thumbtacks

100%

hand-drawn feel, all in code

## Build something like BRAND.SKETCH

Give the agents a brief. Get a deployed product. Every project in the showcase started as a single prompt.

[Start building](https://beta.productos.dev/sign-up?utm%5Fsource=productos.dev/showcase) [Back to Showcase](https://productos.dev/showcase)