Design System · v0.2

A cursor for research.

The foundation primitives — typography, color, and composition — that everything else in Sophon is built on. Quiet by default, precise on demand.

01Typography

Type system

Display · 48 / 1.05

A new way to research.

Heading · 24 / 1.3

Sections move at the speed of thought.

Body · 16 / 1.6

Set in Manrope — a contemporary geometric grotesque with a whisper of personality in its curves, paired with Geist Mono for precise numerics. Letters that recede, content that leads.

Muted

Supporting text uses the muted-foreground token for a softer hierarchy.

Mono

∇L(θ) = E[∇ log π_θ(a|s) · A(s,a)]

02Color

Tokens

background

muted

card

secondary

popover

accent

primary

destructive

03Buttons

Variants & sizes

Variants

Sizes

With icons

States

04Form

Inputs & controls

Research topic

Paper ID

arxiv format

API key

Notes

Auto-cite sources

Strict citation mode

05Selects

Choices & menus

Model

Workspace

06Cards

Containers

live

847

Papers indexed

2 active

12.4k

Embeddings stored

14d

98.6%

Citation accuracy

Recent thread

Continuing your exploration of constitutional AI and self-correction in language models.

Comparing RLHF vs constitutional methods on instruction-following tasks

Updated 14m ago · 23 papers

23 papers · 4 hypotheses · 2 drafts

07Badges

Status & labels

Variants

DefaultSecondaryOutlineDestructive

Status

LivePendingFailedIndexing

08Tabs

Sectioned navigation

A quiet, fast surface for synthesizing what you've read into what you understand.

09Overlays