00

DESIGN SYSTEM

One system. Every new page.

Every colour, text style and component this template is built from, on one page. Give it to the Agent as the reference when you build something new, and the new page comes out looking like the rest of the site.

/design-system

Type this in the Agent panel with your prompt to build your first page from this system.

Recommended model: GPT 5.6 Sol or above.

01

COLOURS

Twenty-one tokens. Nothing hard-coded.

Every fill, border and text colour in the template points at one of these. Change a token and it changes everywhere it is used.

Base

BACKGROUND

rgb(8, 8, 8)

Panel

SURFACE

rgb(13, 13, 13)

Well

SURFACE

rgb(15, 15, 15)

Raised

SURFACE

rgb(20, 20, 20)

Brand

ACCENT

rgb(252, 150, 76)

Fill

ACCENT

rgb(255, 255, 255)

Text

ACCENT

rgba(255, 255, 255, 0.8)

Error

FEEDBACK

rgba(255, 34, 68, 0.15)

Primary

TEXT

rgb(255, 255, 255)

Secondary

TEXT

rgb(153, 153, 153)

Muted

TEXT

rgba(255, 255, 255, 0.5)

On Ink

TEXT

rgba(255, 255, 255, 0.7)

On Accent

TEXT

rgb(13, 13, 13)

Subtle

BORDER

rgba(255, 255, 255, 0.05)

Default

BORDER

rgba(255, 255, 255, 0.12)

Hover

BORDER

rgba(255, 255, 255, 0.22)

Transparent

BACKGROUND

rgba(255, 255, 255, 0)

60

SCRIM

rgba(8, 8, 8, 0.6)

70

SCRIM

rgba(8, 8, 8, 0.7)

86

SCRIM

rgba(8, 8, 8, 0.86)

92

SCRIM

rgba(8, 8, 8, 0.92)

02

TYPOGRAPHY

Thirteen roles, one typeface.

Six heading levels, five body sizes and two labels. Every text on the site uses one of these, so the type scale never drifts.

Ag

Heading/H1

h1 · 4.2rem · 1em

Ag

Heading/H2

h2 · 48px · 1.05em

Ag

Heading/H3

h3 · 36px · 1.15em

Ag

Heading/H4

h4 · 28px · 1.3em

Automation that ships

Heading/H5

h5 · 20px · 1.2em

Automation that ships

Heading/H6

h6 · 16px · 1.4em

The systems take the work back, inside the tools you already run.

Body/L

p · 17px · 1.4em

The systems take the work back, inside the tools you already run.

Body/M

p · 16px · 1.45em

The systems take the work back, inside the tools you already run.

Body/M Medium

p · 16px · 1.45em

The systems take the work back, inside the tools you already run.

Body/S

p · 14px · 1.5em

The systems take the work back, inside the tools you already run.

Body/S Medium

p · 14px · 1.5em

RUNNING IN PRODUCTION

Label/L

p · 12px · 0.06em tracking

RUNNING IN PRODUCTION

Label/S

p · 10px · 0.06em tracking

03

COMPONENTS

Every component, one card each.

Each card shows the component in its main state. Point the Agent at the one you want and it reuses it instead of drawing something new.

Controls

buttons, badges, markers

Primary Button

Primary Button

Button Primary

Component

Button Form

Component

Newsletter Button

Component

+

/ 001 /

AI Powered Research

Section Badge

Component

Optimized for teams

Header Badge

Component

Social Icon

Component

Dot Indicator

Component

Live in 21 days

From kickoff to the first system

Frame Marker

Component

Genesy

Logo Item

Component

Home

Stagger Links

Component

Subscription

From $1,900 a month

Pricing Mode

Component

Measure

Component

Cards

repeatable content blocks

0+

Mandates delivered across industrials, financial services and technology.

Metric Card

Component

Our clients

Label Card

Component

Runs in your tools

Automations live inside the stack you already pay for.

Benefit Card

Component

0

/10

Came back to build a second system

Stat Card

Component

Spends the first week of every engagement inside the client workflow with a stopwatch and a notebook.

Jonas Weiss

Founder

Team Card

Component

Starter

$

a month

One system at a time, start to finish.

One system at a time

Audit and a written plan

Up to three integrations

Human sign-off built in

Email support, 48 hours

Cancel any month, keep the build

Start here

Start here

Plan Card

Component

LinkedIn

↗

Link Row

Component

Email

For written answers.

hello@genesy.studio

↗

Contact Card

Component

A reply within one working day

The person who would run the audit answers, not a form handler.

Contact Point

Component

VERITY WORKS

The shift report was the thing nobody wanted to do. It writes itself now, and I have not thought about it since March.

Marius Feld

Marius Feld

OPERATIONS DIRECTOR

Header Review

Component

Newsletter Form

Component

//01

Audit

We map every workflow, surface the repetitive tasks slowing your team down, and pinpoint exactly where AI delivers the biggest return.

What this includes

Workflow mapping

Task analysis

ROI priorities

Findings report

Process Step

Component

Sections

full-width blocks, shown at page width

+

/ 001 /

About us

Proof in numbers.

A small senior team that builds AI automations straight into the tools you already run.

Section Head

Component

What do you need help with?

Likely monthly budget

Contact Form

Component

001

Audit

A week inside your actual workflow — the tools, the handoffs, the things people do twice. You get a written map of where the hours go and which of them are worth automating.

What this includes

Workflow mapping

Tool inventory

Time study

Written findings

002

Blueprint

003

Build

004

Handover

Process Accordion

Component

Without Genesy

A pilot that never leaves the demo

A tool your team quietly works around

Scope that grows every sprint

Output nobody can check

A system only the agency can change

Compare Card

Component

A pilot that never leaves the demo

Compare Row

Component

Join the team

Senior only. Put systems into production and kept them there.

Get in touch

Get in touch

Join the team

Senior only. Put systems into production and kept them there.

Get in touch

Get in touch

Join Strip

Component

+

/ 008 /

Pricing

Priced up front.

It does not move.

Two ways to pay for the same work: monthly, or yearly for 20% less. Both agreed in writing before anything is built.

Monthly

Billed every month

Yearly

Save 20% a year

Starter

$

a month

One system at a time, start to finish.

One system at a time

Audit and a written plan

Up to three integrations

Human sign-off built in

Email support, 48 hours

Cancel any month, keep the build

Start here

Start here

Studio

Most taken

$

a month

Two or three systems running in parallel.

Everything in Starter

Two or three systems at once

Integrations unlimited in scope

Monitoring and a monthly review

Shared channel, 24 hours

Quarterly roadmap session

Book an intro call

Book an intro call

+

/ 008 /

Pricing

Priced up front.

It does not move.

Two ways to pay for the same work: monthly, or yearly for 20% less. Both agreed in writing before anything is built.

Monthly

Billed every month

Yearly

Save 20% a year

Starter

$

a month

One system at a time, start to finish.

One system at a time

Audit and a written plan

Up to three integrations

Human sign-off built in

Email support, 48 hours

Cancel any month, keep the build

Start here

Start here

Studio

Most taken

$

a month

Two or three systems running in parallel.

Everything in Starter

Two or three systems at once

Integrations unlimited in scope

Monitoring and a monthly review

Shared channel, 24 hours

Quarterly roadmap session

Book an intro call

Book an intro call

Pricing

Component

We do not know what to automate yet. Is that a problem?

FAQ Item

Component

We do not know what to automate yet. Is that a problem?

No, that is the first week. The audit sits inside your actual workflow, counts where the hours go, and comes back as a written map of what is worth automating and what is not. Plenty of clients stop there and keep the map.

How long until something is actually running?

What does it cost to find out if this is worth doing?

Who owns the system when it is finished?

What happens when the model gets something wrong?

What if we want to stop?

Do we have to change the tools we already use?

What do you need from our team while it is being built?

FAQ Ledger

Component

04

CODE COMPONENTS

Six coded pieces, edited like any other.

These carry the interaction the canvas cannot. They follow the text styles and colour tokens above, and their content is a list on the instance.

0.0

Digit Up

Code

Logo Slider

Code

Applied to the footer year as a code override, so the copyright line stays current on its own. It has no visual of its own.

Current Year

Code override

001

AI agents

001

AI agents

Support, sales and internal assistants that work your queue the way your best person would, inside the tools you already run.

What we offer

  • Support agents
  • Sales assistants
  • Internal copilots
  • Escalation rules
AI agents

Services

Code

Selected work

01 — 05
Nordwind Logistics2025
8 hours a week20 minutes

Invoice triage that runs itself

  • Document AI
  • Workflow

Work

Code

01 / 04

Verity Works

−96%

Report time

18 hrs

Returned weekly

The shift report was the thing nobody wanted to do. It writes itself now, and I have not thought about it since March.

Marius FeldMarius FeldOperations Director

Alder Health

1 hr

Intake turnaround

100%

Human reviewed

They spent the first week just watching how we actually work. Every proposal after that was about something real.

Sofia BrandtSofia BrandtHead of Practice

Reviews

Code

Create a free website with Framer, the website builder loved by startups, designers and agencies.