← All work

[01]Product · Brand · Founder-led· 2026

Adcompas

An MVP: AI reads your brand and your rivals’ public pages, tracks what changes, and turns it into a monthly report ending in three ad ideas. Identity, product and the Next.js build — solo.

Role
Founder · Brand & Product Designer · Builder
Type
Independent SaaS product
Year
2026
Stack
Next.js · Supabase · Playwright
Status
MVP · private beta, pre-revenue

[01]Overview

About the work.

An MVP of a simple idea: point AI at your competitors’ public pages, and get back what changed, what your brand is missing, and three ads worth testing.

Adcompas is mine. I started it in June 2026 and built it alone — the identity, the product, the Spanish copy and the Next.js/Supabase application itself, including a Playwright worker that reads competitor pages and a report engine that adapts its typography and palette to each brand it writes about.

Design decisions that mattered: the analysis runs before the paywall, so the product proves it read your site before asking for money; and thin signal is reported as thin signal, never invented. It is a private beta, pre-revenue, with one plan defined but not yet a business. What follows is the design and the working build, not a success story.

Adcompas landing page hero: a full-viewport navy signal field with the headline "Tu competencia se mueve. Ahora tú lo verás." and a live ticker of competitor changes
Promise first, live change ticker
The problem section of the Adcompas landing page: a centred headline reading Mirar la web de tu competencia una vez no sirve, above three cards naming the failure modes
The problem, in three cards
01Brand identity & voice system
02Onboarding UX flow
03A working Next.js/Supabase build
01 / Brand identity

A calm mark for an honest analyst.

01

Logo system

Pulse-line mark in a rounded square, plain wordmark.

02

Colour palette

Paper#F6F8FCDefault background of every marketing surface — whitespace as a brand asset.
Ink / navy#0B1F3AHeadlines, dark signature panels, report covers.
Action blue#4E7BFFCTAs, links, live signals — blue means something you can do.
Caution amber#B7791FDetected changes, low-confidence markers — used sparingly.
03

Typography

Aa Anton — display, §NN markers, prices Inter — body, UI and every heading

Anton for markers and numbers, Inter for everything else.

04

Voice — "cercano e inteligente"

"Tu competidor bajó el envío gratis a 30 €. Quizá te interese saber por qué."

— real report copy, not "¡Descubre los SECRETOS de tu competencia! 🚀"

A documented do/don’t table, so the voice cannot drift.

02 / Reading the brand

From a URL to a report, with nothing to fill in.

Adcompas setup wizard: the brand Tropicfeel already detected as travel gear with its colour palette read off the site, above a choice of business type
Analysis already run before step one
01

Añade tu marca

Adcompas onboarding step 1: paste your store URL and email, no card required

One field. No card, no account.

02

Escaneando

Adcompas scan progress screen showing queued, scanning and building-profile states

A real background job, honest status.

03

Voz y estilo detectados

Adcompas preview screen showing the detected brand voice, positioning and colour

Thin signal reported as thin signal.

04

Desbloquea tu informe

Adcompas paywall screen with the unlock-report call to action, after the brand analysis is already shown

Paywall after the proof, not before.

03 / What it watches

A panel that shows its working.

The Adcompas private panel showing five monitored competitors, each with a similarity score, detected-technology tags and a dated log of changes graded low or medium
Five competitors, scored and tagged
04 / The report — an adaptive engine

Same engine, different visual voice.

Adcompas report for Luma Lab opening in the reader, set in a minimal register with a violet accent
Luma Lab — minimal register
Adcompas report for PawForm opening in the reader, set in an editorial register with a deep green masthead
PawForm — editorial register
Adcompas report for Northline Studio: a near-black masthead with heavy flush-left caps and a periwinkle date line
Northline — corporate register
Adcompas report for Drift Soda: a deep green masthead with centred display type and a periwinkle date line
Drift Soda — one engine, four brands
05 / Pricing & positioning

Calm pricing for an honest product.

Adcompas pricing section: a single 25 euro monthly plan listing six deliverables, with a free-analysis call to action
One plan, cancel whenever
06 / Role & process

Designer, copywriter and builder, in that order of stakes.

  • 01

    Brand identity, mark to voice-and-tone kit.

  • 02

    Product and landing UI, plus the report theming system.

  • 03

    All product copy, in Spanish.

  • 04

    The build: Next.js, Supabase, Playwright, Stripe.

[02]Next project

From a SaaS product to a streetwear world.

Move from Adcompas's product and brand system into Hardcore Crew's full identity and drop system.

Hardcore Crew Clothing · Brand · 2026 A streetwear identity built from attitude, loyalty and visual control, across brand identity, clothing graphics and a drop system.
View next project
Back to selected work