Skip to content

Web application · AI & SaaS

Supabrief AI

The launch docs generator for product teams - paste a ticket, thread or PR and get a battle card, marketing brief, changelog and announcement in under a minute.

The client

Supabrief is a B2B SaaS tool for product teams. Its pitch: “Ship four launch docs from one paste.” Drop in a Jira ticket, a Slack thread or a merged pull request and it returns a sales battle card, a marketing brief, a customer changelog and a launch announcement - written in the team’s voice, in sixteen languages, in under a minute. It is positioned for PMs without a PMM and PMMs without a PM.

What we built

The marketing site and the product around it.

  • A deliberately monochrome, typographic marketing site - dark slate on white, ink-coloured buttons, no accent hue. A tool for people who write should read like well-set text. Dark mode included.
  • The generator itself: one paste in, four documents out, with “dials” for tier, audience and language instead of freeform prompts.
  • Integrations with Slack, Jira and GitHub for ingest.
  • Public read-only share links at /s/[slug] with view counts, so a brief can circulate without a login.
  • Exports to Markdown, HTML and PDF; sixteen languages including right-to-left scripts.
  • Authentication and a pricing page with Free, Pro and Max tiers, the higher tier adding GitHub ingest, API access and SSO.

How it was built

Next.js with Tailwind CSS v4 theme tokens on the marketing site, Inter and Poppins for type, with the application served from app.supabrief.com. Splitting marketing from product keeps the public site static and fast while the app ships continuously.

More in ai & saas Full case study
Website 01

OutreachAI

LinkedIn outreach tool - a Chrome extension that helps sales teams personalise messages with AI, run sequences and book more meetings.

  • Next.js
  • Tailwind CSS
  • Vercel
  • Chrome extension
Read the story outreachai.co
Web application 02

MetaBrix Lab

AI avatar generation platform for games, XR and marketing - now presenting Ultron, real-time AI avatars that see the screen, think, and speak.

  • React
  • Next.js
  • Tailwind CSS
  • Vercel
Read the story metabrixlab.com
Website 03

AEONest

Web studio that builds Next.js sites designed to get small businesses recommended by ChatGPT, Gemini and Google - live in days, on a flat price.

  • Next.js
  • Tailwind CSS
  • Vercel
  • AEO
Read the story aeonest.com
Start a project

Tell us what you're building.

A website, a web application, or software your team runs every day. We scope it in one call and come back with a fixed timeline and price.

Replies within one business day