Infrastructure for the era of open models.

Near-black technical surfaces meet a single orange–magenta–periwinkle brand gesture.

Colors

The spectrum remains one continuous gesture; the working interface is otherwise black, white and restrained gray.

Canvas dark#010120
Dark soft#313641
Orange#fc4c02
Magenta#ef2cc1
Periwinkle#bdbbff
Mint#c8f6f9
Canvas#ffffff
Ink#000000

Two precise voices.

The Future sets display scale; PP Neue Montreal Mono labels controls and technical metadata.

Display XXLA model-first future.64 / 70.4 / 500
Display XLResearch at speed.40 / 48 / 500
BodyClear infrastructure copy remains quietly functional.16 / 20.8 / 400
Mono eyebrowSYSTEM / MODEL / ENDPOINT11 / 11 / 500

Spacing & shape

A comfortable 80px section rhythm with crisp 4px control geometry.

2
8
16
32
48
80
None
0px
Control
4px
Panel
8px
Icon
full

Dark infrastructure surface.

Dark bands contain model, endpoint and research material; the white canvas preserves the reading layer.

INFERENCE / CONFIG
model: deepseek-r1
endpoint: /v1/chat/completions
throughput: optimized

Components

Compact, square-edged controls keep technical hierarchy legible.

Actions

Mono-cap button labels, black primary action, mint secondary action, 4px radius.

Research card

White canvas, 4px radius and hairline border; use dark cards only where the content itself becomes the technical surface.

Hold the spectrum together.

Do

  • Use the three-color rail as one brand gesture.
  • Alternate dark infrastructure bands with white content bands.
  • Pair display sans with mono metadata.
  • Keep controls compact and square-edged.

Avoid

  • Splitting spectrum colors into unrelated accents.
  • Heavy rounded consumer-app cards.
  • Gray text on dark hero copy.
  • Decoration that hides technical hierarchy.