Sawaia Brand Kit

Brand Kit v1.0

The Sawaia Brand System

A complete identity for the intent operating system — the layer between human imagination and coding agents.

Sawaia

Design Foundation

Color System

A restrained palette — nearly monochrome, with violet as the single signal of intent.

Click any swatch to copy the hex value.

Type Scale

Typography

Playfair Display for everything editorial. Inter for UI and body. JetBrains Mono for code.

A creative universe your agents can read.

Display72pxWeight 700Tracking -0.02emPlayfair Display

One infinite board. Many scenes inside.

Heading 148pxWeight 700Tracking -0.02emPlayfair Display

The intent graph compiles your thought.

Heading 236pxWeight 600Tracking -0.01emPlayfair Display

Scenes are territories of thought.

Heading 324pxWeight 600Normal trackingPlayfair Display

Sawaia compiles the whole universe into an intent graph that Cursor, Claude Code and Codex read through MCP.

Body Large18pxWeight 400Normal trackingInter

Every project is a universe — an endless canvas you can zoom out of to see the whole picture.

Body16pxWeight 400Normal trackingInter

No credit card · iPad-ready · MCP-native

Small14pxWeight 400Normal trackingInter

A UNIVERSE · WITH SCENES · WITH AGENTS · THAT COMPILES

Label11pxWeight 500Tracking 0.12emInter

{ "intent": "Build auth flow", "agent": "claude-code" }

Code13pxWeight 400Normal trackingJetBrains Mono

Brand Voice

Voice & Tone

Sharp, curious, confident without arrogance. First-principles. Never buzzwords.

SharpCuriousConfidentGroundedFirst-principlesHuman

Do

A creative universe your coding agents can read.

Don't

An AI-powered collaborative platform for modern development teams.

Do

You draw. Sawaia remembers. Agents execute.

Don't

Empowering seamless integration between human creativity and AI capabilities.

Do

The intent graph compiles human thought into agent-readable context.

Don't

Our revolutionary technology bridges the gap between ideation and implementation.

Do

One layer between your whiteboard and production code.

Don't

A holistic ecosystem for next-generation developer workflows.

Social Assets

Banner Templates

Ready-to-use designs sized for social media.

Twitter / X Header — 1500 × 500

Sawaia

A creative universe your coding agents can read.

LinkedIn Banner — 1584 × 396

Sawaia

Where human imagination meets agent execution

sawaia.ai

OG Image — 1200 × 630

Sawaia

A creative universe your coding agents can read.

sawaia.ai

Component Library

UI Components

Reusable building blocks in the Sawaia style.

Buttons

Status indicators

ux · observingarchitect · pinningbuilder · compiling⚡ MCP · compiling universe to Claude Code

Scene cards

onboarding

6 FRAMES · 3

verify

2 FRAMES · 5

welcome

4 FRAMES · 1

account

3 FRAMES

services

6 PINNED

settings

2 FRAMES

Input field

Code block

{
  "intent": "Build auth flow",
  "context": ["wireframe_v3", "user_stories"],
  "agent": "claude-code",
  "tokens": 11420
}