Doku Systems Generative AI Applications Now Booking 2026 Engagements Design System v0.1 Doku Systems Generative AI Applications Now Booking 2026 Engagements Design System v0.1

Doku Systems · v0.1

The Design System

Dark Kitsch Bold

01 · Hero composition

Poster, not document.

New!

[ Doku/Sys · 2026 ]

We build sharp
AI that ships.

Doku Systems designs and deploys generative AI applications for operating companies. Not a deck. Not a demo. Production.

See the work → Get in touch

02 · Typography

Three voices.

Display · 144px

Doku

Display · 72px

Generative AI

Display · 48px (H2)

Things that ship

Pixel · H3 · 24px

// CASE STUDIES

Pixel · H4 · 18px

Section Header

Mono · Body · 16px

Body text uses Space Mono. It is geometric, readable at 14-18px, and has just enough character to belong in this trio without fighting the displays. Paragraphs cap at 64 characters wide.

Pixel · Meta · 14px

[ FILED UNDER · DESIGN ]

03 · Color

Bold, committed.

BG#0a0714Page background

BG ELEV#15102aPanels / cards

BG DEEP#050309Deepest layer

TEXT#f4ecd8Body cream

TEXT DIM#a89dc8Secondary

MAGENTA#ff2e88Primary accent

LIME#c8ff00Secondary accent

CYAN#00e5ffTertiary

ORANGE#ff7a1aWarm pop

YELLOW#ffd60aHighlight

04 · Buttons

Press them. They press back.

[ HOVER · LIFT 2PX | ACTIVE · PRESS 2PX INTO SHADOW | KEYBOARD · DASHED LIME OUTLINE ]

05 · Panels

Sticker cards.

// 01 · LLM Ops

Production deployment for foundation-model workloads. Eval harnesses, traffic routing, prompt versioning.

// 02 · Agents

Multi-step tool-using agents for internal workflows. Slack, Linear, the works.

// 03 · Embeddings

Search and retrieval over your private knowledge base. No vendor lock-in.

06 · Inputs

Forms with edges.

[ NAME ]

[ EMAIL ]

[ WHAT ARE YOU BUILDING? ]

07 · Tags

Pill chips.

lime magenta cyan orange yellow

08 · Spacing scale

8pt grid.

--space-1 · 4

--space-2 · 8

--space-3 · 12

--space-4 · 16

--space-6 · 24

--space-8 · 32

--space-12 · 48

--space-16 · 64

--space-24 · 96

--space-32 · 128

09 · Code & quotes

Terminal feel.

// Reach for tokens, never hex.
.button {
  background:   var(--color-magenta);
  color:        var(--color-bg);
  border:       var(--border-2) solid var(--color-border);
  box-shadow:   var(--shadow-sticker-lime);
  font-family:  var(--font-pixel);
}