Restate Design System

A focused visual reference for colors, fonts, text styles, and buttons.

Colors

Brand

Brand blue

--color-brand-blue

#071E91

Brand blue dark

--color-brand-blue-dark

#001880

Brand blue light

--color-brand-blue-light

Blue 700

Brand blue medium

--color-brand-blue-medium

#2064FA

Accent blue

--color-accent-blue

#3258FF

Interface

Background

--color-background

#F5F8FC

Paper

--color-paper

Blue 50

Text primary

--color-text-primary

Navy black

Text secondary

--color-text-secondary

Gray 700

Border light

--color-border-light

#E5E7EB

Border gray

--color-border-gray

#DEE0E3

Fonts

var(--font-heading)

Stack Sans Headline

Headings and display copy

var(--font-notch)

Stack Sans Notch

Highlighted words and brand emphasis

var(--font-sans)

Inter

Body copy and interface text

var(--font-mono)

JetBrains Mono

Code and technical content

Heading and text styles

H1 / Page hero

Durable execution for every application

H2 / Section

Build resilient systems

H3 / Item

Durable building blocks

H4

Our motivation

H5

Team member name

Body large

Restate makes resilient applications easier to build and operate.

Body

Compose agents, workflows, and services with durable execution.

Body small

Supporting information and compact interface copy.

Code

ctx.run("process-payment", handler)

Button components