Brand

• Never recolour the cube or reorder its faces: the darkest face stays on the right.
• Never sharpen the corners, add a face or stretch the cube.
• Never set the word in another font.

• Plain and short. Say what it does in the reader’s words, one idea a sentence.
• Measured, not loud. Every number has a source and a footnote that says how it was measured. Never “as little as”, “blazing” or “best”.
• Say what exists. A feature that is not there yet is marked Soon, or left out.
• Rivals only on Pricing, each figure with its source and the day it was checked.
• Actions say what they do: Get started, Talk to us →, In the docs →.
• Prices in US dollars, read from the billing code, never typed by hand.

• Ice--ice #e3ecffThe cube’s top face
• Glacier light--glacier-light #6e9bffThe cube’s left face; the accent in the dark theme
• Glacier--glacier #2f6bffThe cube’s right face; fills, lines, the live dot
• Ink--ink #12161cThe logo’s letters on light; words on light buttons
• White--white #ffffffThe logo’s letters on dark

Weights: --weight-text 400, --weight-medium 500, --weight-strong 600. Text 400, headings and names 500, actions and the key words of a fact 600; never 700.

1. Aa--step--212 px0.75rem
2. Aa--step--114 px×1.1667
3. Aa--step-016 px×1.1429
4. Aa--step-118.5 px×1.1547
5. Aa--step-221.3 px×1.1547
6. Aa--step-324.6 px×1.1547
7. Aa--step-428.4 px×1.1547
8. Aa--step-532.8 px×1.1547
9. Aa--step-637.9 px×1.1547
10. Aa--step-743.8 px×1.1547
11. Aa--step-850.6 px×1.1547
12. Aa--step-958.4 px×1.1547
13. Aa--step-1067.4 px×1.1547
14. Aa--step-1177.9 px×1.1547

The steps each role takes, at 390 and at 1440: Display ? → 10; Title ? → 7; Subtitle ? → 4; Figure ? → 8; Heading 1; Lead 1; Body 0; Note −1; Label −2; Code −1.

1. Next-generation computing for AI agents

   Display --text-display

   Font

   Outfit 500

   Size

   57.6 → 67.4 px

   Line

   1

   Tracking

   -0.04em

   The one hero headline of a page: the home page’s, a product’s name, a solution’s promise

2. How billing works

   Title --text-title

   Font

   Outfit 500

   Size

   37.4 → 43.8 px

   Line

   1

   Tracking

   -0.03em

   A section’s heading (h2); the h1 of a page of text

3. A computer of its own for every agent

   Subtitle --text-subtitle

   Font

   Outfit 500

   Size

   24.3 → 28.4 px

   Line

   1.15

   Tracking

   -0.02em

   A sub-section (h3); a product’s headline; h2 in long text

4. 3.5 ms¹

   Figure --text-figure

   Font

   Outfit 500

   Size

   43.3 → 50.6 px

   Line

   1

   Tracking

   -0.04em

   A measured number shown large, in tabular figures

5. What counts as usage?

   Heading --text-heading

   Font

   Inter 500

   Size

   18.5 px

   Line

   1.35

   Tracking

   0

   A card’s or a list’s title, a plan’s name, a question

6. A sandbox is a microVM your code or your agent drives through the API: run commands, read and write files, open a terminal or a link to a port, save it whole and fork it.

   Lead --text-lead

   Font

   Inter 400

   Size

   18.5 px

   Line

   1.55

   Tracking

   0

   Colour

   --muted

   The sentence under a hero or a section title, at most 36rem wide

7. One platform: Compute, where any container image runs as instances of its own, keeping their state or not, and the storage beside it. Every product is built on the two.

   Body --text-body

   Font

   Inter 400

   Size

   16 px

   Line

   1.6

   Tracking

   0

   Colour

   --text

   Running text and table rows; support text in --muted

8. Medians measured on bare metal (AMD Ryzen 9 9950X, 3 October 2026), on a machine with nothing else running.

   Note --text-note

   Font

   Inter 400

   Size

   14 px

   Line

   1.5

   Tracking

   0

   Colour

   --faint

   Footnotes, a table’s note, a code sample’s note, a field’s label

9. Included each month

   Label --text-label

   Font

   JetBrains Mono 500, capitals

   Size

   12 px

   Line

   1.2

   Tracking

   0.1em

   Colour

   --faint

   The names of groups and columns; never a sentence, never wraps

10. glac sandboxes create --name web --image python:3.12

    Code --text-code

    Font

    JetBrains Mono 400

    Size

    14 px

    Line

    1.7

    Tracking

    0

    Code blocks and windows

--e is the cube’s edge, 24 px: the gutter, and the module the larger steps are made of.

• --radius-xs4 pxInline code, TODO marks, a focus ring’s corner on a link
• --radius-control6 pxButtons of every size, fields: the cube’s corner
• --radius-md12 pxA tile or code inside a card, at its 12 px tray
• --radius-lg16 pxCode blocks and windows; the menus’ ground; a link card
• --radius-xl24 pxCards, figures, night tiles, the closing card
• --radius-pill999 pxSwitches and their knob; Soon and region pills; the status

The header’s and the footer’s links are the navigation links: muted, no underline, the ink on hover and where you are.

# 1. Make one (it prints its id)
glac sandboxes create --name web --image python:3.12

# 2. Run in it (the exit code is the command's)
glac sandboxes exec web -- pip install pandas

# 3. Save it whole, then fork it
glac sandboxes snapshots create web --name ready
glac sandboxes fork web --count 16

Inline code sits in a sentence: the command line is glac, its key in GLAC_API_KEY.

The footer’s status pill, below, reads the live status.

• The header: the logo, five items, Log in and Get started, 64 px tall and sticky; under 960 px the items fold into a menu.
• The footer: the logo, its line and the live status, five columns of links, and this page’s notes at the very bottom.

1.4.3 Contrast

Words 4.5:1, or 3:1 at 24 px and larger. --text, --muted, --faint and --accent-text pass on --bg and --surface in both themes; on the night, words are white at 60% or more.

Checked Worked out from tokens.css when this page is built (Colour, above); measured on every rendered page by the design system’s audit in headless Chrome, each text against its own ground, at 1280 and 390 px, in both themes.

1.4.11 Non-text contrast

What identifies a control or its state 3:1: focus rings, a field’s edge, the edge of a switch’s knob against its track.

Checked Worked out here (Measured contrast).

1.4.1 Use of colour

A link in running text is underlined; a status has a word; a switch’s choice has a knob as well as a colour.

Checked The audit looks for links in text told apart by their colour alone.

2.4.7, 2.4.11 Focus

One ring on everything, 2 px in the accent and 3 px off, on keyboard focus; a field shows an accent edge and a halo instead.

Checked The audit tabs through the first 30 stops of each page and checks each one shows its ring.

2.1.1 Keyboard

Menus open with Enter or Space and close with Esc; switches are radio groups, moved with the arrow keys; focus follows reading order.

Checked By keyboard: Tab, Space, Enter and the arrows through this page’s components.

2.4.1 Bypass blocks

“Skip to content” is the first stop on every page and takes focus to the main content.

Checked The audit checks the first stop.

1.3.1, 2.4.6 Structure

One h1 a page, no skipped level; landmarks named apart; tables with their heads.

Checked The audit reads each page’s headings and landmarks.

1.4.10 Reflow

No sideways scroll at 320 px; a wide table scrolls inside its own wrapper.

Checked The audit opens each page at 320 px, and at 640 px for 200% zoom, and looks for anything wider.

1.4.12 Text spacing

Nothing is clipped or overlaps under WCAG’s spacing override.

Checked The audit applies the override and looks for clipped text.

2.5.8 Target size

24 by 24 px at least (WCAG); 44 by 44 on touch (TypeUI): buttons 44 and 48 px, the header’s 40; 8 px between targets.

Checked The audit lists targets under 24 px.

2.3.3, 2.2.2 Motion

Reduced motion stops every travel, with a 1 ms floor in ui.css, and content never waits on an animation; nothing flashes.

Checked The audit runs with reduced motion and looks for loops still running.

Without script

Every page reads whole; switches, tabs, menus and accordions are CSS and native elements.

Checked By loading a page with script turned off; the audit does not.