Astravale.Ethos
Back to product

Design System

The visual system behind Ethos.

Warm paper, navy emphasis, green copilot moments, serif research language, mono metadata, and quiet rounded blocks.

Open productReference

01 - Typography

Serif for thought, mono for evidence.

Newsreader

Used for hypotheses, stage titles, chat prose, quotes, and report language.

Geist Mono

Used for metadata, stage codes, tags, timestamps, shortcuts, and routing states.

Geist Sans

Used for body UI, controls, tables, and utility text.

02 - Components

Rounded blocks, not dashboards.

Cards

Large paper blocks with quiet borders and minimal shadows.

Chips

Compact metadata, tool tags, status pills, and feature labels.

Dock

The Ethos copilot stays available without taking over the workspace.

03 - Palette

Ink

#1a1d24

Navy

#1f3a68

Green

#6a7a52

Paper

#f6f4ef

Field

#faf8f3

Amber

#c87d4a

Next

Open the product and start structuring work.