Frontier AI. In your hands.

Warm parchment, measured typography, and a single ember accent for a system that feels lit from within.

Get in touch Start building

Colors

Cream, ink, and one exact orange make up the working palette.

Parchment#fffaeb
Pure Card#ffffff
Midnight Ink#1f1f1f
Carbon#000000
Graphite#3c3c3c
Ember#fa520f
Soft Butter#fff0c2
Honeycomb#ecdaa2

Type

Arial at weight 400 only. Tight tracking and scale, not boldness, define hierarchy.

DisplayFrontier, held close.82 / .95 / 400
Heading lgAutonomous work.56 / 1 / 400
HeadingA calm system.48 / 1 / 400
SubheadingA clear point of view.32 / 1.15 / 400
BodyThe lead voice keeps a generous, legible rhythm.24 / 1.33 / 400
CaptionLabels, metadata and compact context.14 / 1.43 / 400

Arial · fallback: Helvetica, Inter, system-ui · tracking: −0.025em

Spacing & shape

Comfortable spacing gives the paper canvas its composure; action geometry stays precise.

4
8
16
24
40
64
80
100
Button
6px
Input
8px
Card
12px
Tag
9999px

Surfaces & elevation

Dark product UI is the contrast break: it floats on paper with a long, warm shadow.

Dark product mockup

Midnight Ink surfaces show the application layer. Their shadow uses olive-gold, never neutral gray.

Workflow automationEnterprise searchContent creation

Warm shadow / four layers

Components

Buttons are crisp rectangles; tags are soft pills. Their contrast keeps action and categorization distinct.

Actions

Outlined hover fills Soft Butter. Primary action stays Carbon, not Ember.

Open feature list

Ember begins the item; typography and whitespace complete the structure without a container.

Warm punctuation

Accent color is specific and low-frequency, never a broad action surface.

Keep the fire contained.

Do

  • Use Parchment as the full-page canvas.
  • Keep Ember to small directional accents.
  • Keep Arial at 400 with −0.025em tracking.
  • Use the warm four-layer shadow on dark product panels.

Avoid

  • Cool-gray shadows or extra chromatic accents.
  • Bold weight and Ember-filled CTAs.
  • Pill-shaped buttons and cards.
  • Dense multi-column card grids.