Valon
Series C
2025
  • Brand identity
  • Design system

A brand built and launched entirely with AI, with the codebase as the source of truth. Identity, motion, and every asset render from the same tokens.

The deliverable is a brand kit written in HTML and markdown. A teammate can read it. An agent can build from it.

Identity
Valon wordmark
Valon symbol

A burst mark built from eight strokes.

Color

Base palette · warm neutrals (every gray carries a brown undertone)

White#FFFFFF
100#F8F6F3
200#ECE4DD
300#DCD2C6
400#AF9F8A
500#827057
600#5C543C
700#4A402C
800#31231B
900#20190F
950#231810

Brand gold · the single accent

100#FFF7E9
200#FCE7C2
300#F5CA78
400#EBB03C
500#E19614
600#BE7E10
700#9A6410
800#7A4F10
900#5C3C0C

The defining rule: all text uses rgba(35,24,16, α). Never hex grays. The warm brown undertone is preserved at every opacity, from 100% headings down to 40% captions.

Typography
The future of
mortgage servicing
Display XL · 68 / -1pxBuilt for operators
Display SM · 44 / -0.5pxA better borrower experience
Heading LG · Melange 24Enterprise-grade compliance
Body LG · Melange 18Valon's platform powers mortgage servicing for institutional investors, with transparency and control built in.
Mono · Geist 14code-sample { font-variant: tabular-nums; }

Season Serif carries the voice above 44px, Melange Grotesk does the work, mono holds the numbers.

Surfaces
Hero background
Peachy-copper
Golden-honey

Three warm radials, defined in code, so the same surface shows up the same everywhere.

The deliverable

A brand system an agent can build against.

valon-brand.llm.mdCopy to clipboard
# Valon Brand Style Guide: LLM Reference

## Brand Identity
Serious, elevated, quietly confident, a premium
financial institution that happens to be a tech
company. Not a typical SaaS startup.

## Colors # warm neutrals from #231810
950: "#231810" # primary text / button bg
100: "#F8F6F3" # default surface
gold: "#E19614" # single accent
# NEVER use pure grays. ALL text =
# rgba(35,24,16, opacity).

## Type
display: "Season Serif" # 44px+ only
text: "Melange Grotesk"
mono: "Geist Mono"

## Tone
use: system of record, infrastructure,
       correctness, auditable, governance
avoid: disrupting, seamless, next-gen

## Gestalt # authenticated tool access
fonts + assets resolve via API key.
Valon brand kitRendered
Palette
Gold 500Ink 950Surface 100Neutral 400
Display type
Season SerifEditorial serif · 44px+ · -0.5px tracking
Tone of voice
Confident, not arrogantTechnical, yet accessiblePrecise & deliberate

One source file is both the styleguide the team reads and the spec the model follows. Change a token once and product, site, and motion all update.

Motion
Minimal, exact, code-defined.
Micro-interactions150ms · ease
Header border on scroll200ms · ease
Accordion expand300ms · cubic-bezier(.215,.61,.355,1)
Menu entrance600–800ms · cubic-bezier(.19,1,.22,1)
Carousel slide850ms · cubic-bezier(.33,1,.68,1)

The mark resolves from the same eight strokes the symbol is built from. All motion disables under prefers-reduced-motion.

Every timing and easing curve is a documented token.

In context
Value proposition

A system of record for mortgage servicing

Billions of dollars in mortgages already run on ValonOS. Every action the platform takes is recorded and auditable.

Automation only counts when it's correct. Operators can trace every decision the system makes, line by line.

ValonOS
LoansEscrowAudit
Loan #40192-8
System of record
$284,500 · 6.125%
Current
Loan #40193-1
Escrow review
$512,000 · 5.875%
In review
Loan #40195-6
Auditable trail
$198,250 · 6.500%
Current
Mortgage servicing Components · live
Next projectBiopharmaceutical Brand & LaunchManas AI • Brand Identity • Seed