Sproutv3.33.0
Sprout · The Aceve design system

Built forthe buildersof society.

One system behind every Aceve product — from the site office to the scaffold. Tokens, components and patterns for Entre, Next, Craftnote and everything we build next.

How Sprout fits together

Designed in Figma.
Read by everything.

Sprout isn’t this website. Design decisions are made in the Sprout Figma library and published as reviewed, versioned design tokens. Every surface reads from those same tokens, so this site is a live view of the system, not a copy of it.

01 · Decide
Figma library

Designers shape colour, type, spacing and components in Figma. Every change starts here.

Open the library
02 · PublishSource of truth
Design tokens

Each Figma publish becomes a reviewed, versioned token release. Nothing else defines a colour, a radius or a spacing value.

238 tokens · light & dark
03 · Use
aceve.designEveryoneGuidelines, specs and status for every part of the system. You are here. React primitivesDevelopersImport what ships as code. Build the rest from tokens, following the spec.7 of 40 components in code MCP & Claude skillsAI agentsTokens, icons, specs and checklists straight into your AI assistant.
40
components documented
10 Ready25 Beta5 Planned
7
ship as React code
The rest are specs: build them from tokens instead of reinventing them.
238
design tokens
One set, light and dark, shared by Figma, code and AI.
524
icons
Outlined by default, solid for selected states.

Ready means specified, accessible and stable. It doesn’t mean you can import it. Check the component board for what ships as code.

In the office

Your whole site. One screen.

Time, tracked to the hour
Money, live against budget
Machines, moving in real time
On the site

Made for gloves, glare and 7 am.

01
Capture
One tap from lock screen to camera. Photos are tagged with level, zone and trade before you put the phone back.
02
Report
Mark a deviation on the photo, assign it, send it. The office sees it on the dashboard seconds later.
03
Focus
Today’s tasks, your hours, nothing else. 48 px targets and high-contrast type that reads in direct sun.
Where we build

Seven countries. One system.

Sprout ships in every Aceve product across Northern Europe — same tokens, same components, local language.

  • NONorway
  • SESweden
  • FIFinland
  • DKDenmark
  • DEGermany
  • NLNetherlands
  • BEBelgium

Aceve is backing the builders of society. So every token, every component, every pixel has to work where they work.

How we build

Four values. Every decision.

01

Build for tomorrow

We design for the site of 2035, not the spreadsheet of 2005. Every component is made to scale across countries, products and decades.

02

Build with pride

Craft matters. We sweat the 4 px, the contrast ratio and the empty state — the same way a carpenter sweats the joint.

03

Build for the builder

Gloves, glare, dust, deadlines. If it doesn’t work on a scaffold at 7 am, it doesn’t ship.

04

Build together

One system, many products. Designers, developers and the people on site shape Sprout side by side.

Sprout MCP · Build with AI

Plug AI into Sprout.
Build for the builders.

Connect your AI assistant to the Sprout MCP server. It pulls real tokens, components, icons and guidelines — so every generated screen is on-brand, accessible and ready for the site.

Ask it for
Exact tokensIcon SVGsComponent specsContrast checks
Guided by
Voice & contentAccessibilityPersonasPlaybooks
{
  "mcpServers": {
    "sprout": { "type": "http", "url": "https://aceve.design/api/mcp" }
  }
}
Read the MCP reference
Jump straight in

Everything you need to build.

Foundations

Components