Intent · Design system

Built to keep
the details aligned.

A live inventory of the tokens and components currently used across Intent.

01

Colors

Foundation

Black--color-black#080808
Grey 100--color-grey-100#292929
Yellow 200--color-yellow-200#C5D357
Citrus--color-citrus#DDEC61
Yellow 800--color-yellow-800#FEF99D
Moss 400--color-moss-400#717453
Moss 500--color-moss-500#979A73
Grey 600--color-grey-600#BABAB7
Grey 700--color-grey-700#CFCDCB
Grey 750--color-grey-750#D6D6D0
Grey 800--color-grey-800#E1DFDE
Grey 900--color-grey-900#F0F0EE
White--color-white#FFFFFF

Semantic

Primary--color-primary#DDEC61
Secondary--color-secondary#979A73
Tertiary--color-tertiary#717453
On primary--color-on-primary#080808
On surface--color-on-surface#080808
Surface--color-surface#FFFFFF

Application

Shell background--app-shell-bg#080808
Chrome--app-chrome#292929
Surface--app-surface#FFFFFF
Muted surface--app-surface-muted#F0F0EE
Border--app-border#E1DFDE
Accent--app-accent#DDEC61
Text--app-text#080808
Muted text--app-text-muted#292929

02

Typography

H1ABC Arizona Mix44 / 72 / 90px · 380 · 0.95 / 1 / 0.95 · −4% / −3.6px / −3.6px

Agents that build what you meant.

H2ABC Arizona Mix40 / 60px · 400 · 1 · −3.5%

Agents that build what you meant.

H3ABC Arizona Mix32 / 32 / 48px · 400 · 0.95 / 1.1 / 0.95 · −4.5%

Agents that build what you meant.

H4ABC Arizona Mix24 / 26px · 400 · 1 · −2%

Agents that build what you meant.

Feature BodyInter16px · 400 · 1.3 · −0.5%

Agents that build what you meant.

BodyInter32px · 400 · 1.3

Agents that build what you meant.

BaseInter18px · 400 · −1%

Agents that build what you meant.

LabelAeonik Mono14px · 400 · 1.1

Agents that build what you meant.

ABC Arizona Mix

Inter

Aeonik Mono

03

Buttons

Black

Fixed width · 110px

Citrus

White

Outline

Disabled

Content opacity · 30%

Expandable icon hover

Icon-to-label gap · 20px

04

Components

Application panel group

ApplicationPanelGroup.astro · Interactive

Mark

Mark.astro

Responsive grid overlay

GridOverlay.astro · 2 / 6 / 12 columns

Fluid surface

FluidSurface.astro
01Electronics1,842962,240
02Motors68412864
03Hydraulics74254955
04Sensors1,261641,555
05Pneumatics1,120481,392

Add Animations browser content

ApplicationAnimationsBrowserContent.astro

Application panel toolbar

ApplicationPanelToolbar.astro
Add Interactive Maplogistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

Application card UI

ApplicationCardUI.astro
GUI Overlay

Application agent panel

ApplicationAgentPanel.astro

can you run this locally?

I'll inspect the project's local run instructions, then start the appropriate development process and report the URL or app status.

Name the workspace and agent for running the app locally

Read SKILL.md /Users/ameilawattenberger/intent/workspaces/morning-penguin/cloudlands-fe/.agents/skills/electron

The repository provides a standalone mock backend fallback, so I can start it without a daemon.

Run pnpm run dev

Run terminal 18297

Blocked on dependencies

pnpm run dev exited with code 1 because and the

May I run pnpm install, then restart the app?

Yes

Application agent thread

ApplicationAgentThread.astro

Live component

Application section

Create A CMS

logistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

+164
Agents
Context
Changes
Files
Browser
Shell

Build App Structure

logistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

+164
Agents
Context
Changes
Files
Browser
Shell

Build Navigation

logistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

+164
Agents
Context
Changes
Files
Browser
Shell

Add Date Picker

logistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

+164
Agents
Context
Changes
Files
Browser
Shell

Build A Dashboard

logistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

+164
Agents
Context
Changes
Files
Browser
Shell

Interactive Map

logistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

+164
Agents
Context
Changes
Files
Browser
Shell

Add API Endpoint

logistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

+164
Agents
Context
Changes
Files
Browser
Shell

Add Animations

logistics-ai/app

Redoing the Figma deliverable from live web-app imports, then promoting repeated UI into real components and variants.

Agent

can you run this locally?

I'll inspect the project's local run instructions, then start the appropriate development process and report the URL or app status.

Name the workspace and agent for running the app locally

Read SKILL.md /Users/ameilawattenberger/intent/workspaces/morning-penguin/cloudlands-fe/.agents/skills/electron

The repository provides a standalone mock backend fallback, so I can start it without a daemon.

Run pnpm run dev

Run terminal 18297

Blocked on dependencies

pnpm run dev exited with code 1 because and the

May I run pnpm install, then restart the app?

Yes

Ask anything

GPT-5.6 Sol