Landing page
One page with one job: a launch, a campaign or a single offer, built to turn a visit into a sign-up.
Coming soon
ai resources
The files we ship with. Templates, design.md files & checklists.
website templates
Built by hand. Yours to change.
Real markup and a token system you change in one place, not a page-builder export, with the performance and accessibility work done for you. One for each kind of website we build, and all six are in the works now.
Marketing website
The full site for a growing business: what you do, who it's for, the proof, and a clear way to get in touch.
Coming soon
Agency & portfolio
For studios, agencies and makers whose work is the pitch: big imagery, case studies, and room for the projects to breathe.
Coming soon
Professional services
For firms that sell expertise, from consultancies to practices: the services, the people and the reasons to trust you, laid out plainly.
Coming soon
SaaS & AI product
For a product that needs explaining: the problem, how it works, the product itself, pricing, and the sign-up.
Coming soon
Online store
A storefront for a considered range: collections, product pages that do the selling, and a checkout that stays out of the way.
Coming soon
design.md files
A design language your tools can read.
A whole design system in one Markdown file: colours, type, spacing, motion and how components behave, written as rules a model follows. Drop it in the repo and Cursor, Claude Code or v0 stop inventing a new look every prompt.
design.md
Flowlabz
The system this site runs on: three colours and one accent, two typefaces tracked tight, hairlines instead of fills, and a scale that follows the window.
- Google Sans
- Sometype Mono
Coming soon
design.md
SaaS style
The modern software look: a white ground, near-black type, one confident accent, a clean sans with a mono for the numbers, quiet borders and generous space.
- Geist
- Geist Mono
Coming soon
design.md
Apple style
Calm, bright and exact: an off-white ground, near-black type, one blue for everything you can press, big quiet headlines and a lot of room around them.
- SF Pro Display
- SF Pro Text
Coming soon
useful tools
What we reach for.
Not ours, but in our toolbox most weeks. Each one earns its place by doing one thing well.
- Impeccable A design vocabulary for coding agents: skills that give Cursor or Claude Code the judgement to build, refine and stay inside a design system, so the output stops looking generated. impeccable.style
- Paper Shaders Ultra-fast, zero-dependency shaders, gradients, grain, dither, distortion, as React components or plain GLSL. Motion and texture without a video file. shaders.paper.design
- 21st.dev Thousands of hand-crafted React and Tailwind components, templates and shadcn themes by design engineers. Preview live, install in one command, and hand the same source to your agent. 21st.dev
who made these
Who made these.
Flowlabz is a boutique creative agency. We design and build websites and apps for founders, business owners, corporates and agencies, with senior talent and personal attention on every project.
Flowlabz was founded by Brandon Watkins, who spent seven years at an agency as a UX/UI designer, then creative director, then head of product. Nothing on this page is theoretical: the checklist is the one we run, the templates are how we build, and the design files are what we hand to our own tools.
Taking on new projects, start one, or look at the work first.
- Experience
- 10+ years
- Projects shipped
- 40+
- Based
- South Africa, remote worldwide
- Availability
- Open to projects
Or have it built for you.
A template gets you most of the way there. If you'd rather the whole thing were designed and built around what you actually do, that's the day job, and it starts with a conversation.
