# Jinba — design system

> Generated from the Jinba brand page at blueprintstudio.ai/brands/jinba. Hard values below are the source of truth for tokens, type and logo usage. Drop this into a project and prompt: *"Build X following this."*

**What it covers:** colour tokens, the type scale, and the logo system.
**What it does not:** voice, motion, or component specs — those aren't captured on the brand page yet.

## The brand in a line

**One body, one mind. Horse and rider move as a single form.**

Jinba Ittai describes the unity between a horse and its rider, two entities that become indistinguishable in motion. For Jinba, it captures what enterprise automation should feel like: the business and its workflows operating as one.

Clean geometry, deliberate restraint. Jinba serves regulated industries where trust is the product. The identity is considered, precise, and calm under pressure.

## Logo system

4 families: **Jinba** (`#322014`), **Flow** (`#2C50B5`), **Toolbox** (`#7D95A1`), **App** (`#A22727`).

```yaml
logo:
  jinba:
    label: "Jinba"
    fill: "#322014"
    marks: [glyph, lockup, compact]
  flow:
    label: "Flow"
    fill: "#2C50B5"
    marks: [glyph, lockup]
  toolbox:
    label: "Toolbox"
    fill: "#7D95A1"
    marks: [glyph, lockup]
  app:
    label: "App"
    fill: "#A22727"
    marks: [glyph, lockup]
  monochrome_treatments:
    black: "#000000"   # on light surfaces
    light: "#FAF8F3"   # on dark surfaces
    white: "#FFFFFF"   # on dark surfaces
```

Marks are single-fill vectors, so they recolour cleanly to the treatments above. Never redraw the mark, re-space the lockup, or apply effects to it.

## Colour

```yaml
color:
  ink: "#322014"
  primary:
    urushi: "#322014"
    kuri: "#5A3921"
    haku: "#7E4E2D"
  secondary:
    tsuchi: "#C5A681"
    suna: "#EFEEE8"
    kami: "#F5F4F2"
  light:
    "50": "#FAF8F3"
    "100": "#F4F1EB"
    "200": "#EAE3D7"
    "300": "#DCCBB3"
    "400": "#CAB296"
    "500": "#B59575"
    "600": "#9E7754"
    "700": "#835836"
    "800": "#5A3921"
    "900": "#342115"
    "950": "#2B1C13"
    "50": "#F8F8F8"
    "100": "#EFEFEE"
    "200": "#E2E2E1"
    "300": "#CECDCC"
    "400": "#B8B6B3"
    "500": "#9E9B98"
    "600": "#837F7C"
    "700": "#66625F"
    "800": "#44413F"
    "900": "#272625"
    "950": "#21201F"
  dark:
    "50": "#1A120E"
    "100": "#2E2019"
    "200": "#413026"
    "300": "#694F3E"
    "400": "#93715A"
    "500": "#AC8B70"
    "600": "#BEA083"
    "700": "#CEB69A"
    "800": "#DCCFBC"
    "900": "#EAE7E2"
    "950": "#F3F3F3"
    "50": "#141414"
    "100": "#242423"
    "200": "#353434"
    "300": "#575553"
    "400": "#7D7875"
    "500": "#97918C"
    "600": "#ABA59E"
    "700": "#BFB9B3"
    "800": "#D4D0CB"
    "900": "#E9E8E4"
    "950": "#F4F3F2"
  accent:
    flow: "#2C50B5"
    app: "#A22727"
    toolbox: "#7D95A1"
```

## Typography

```yaml
type:
  display:
    family: "Tiempos Text", serif
    foundry: "Klim Type Foundry"
    scale:
      "Headline": { size: 60px, line_height: 1.22, letter_spacing: "-0.025em" }
      "Headline 1": { size: 48px, line_height: 1.22, letter_spacing: "-0.025em" }
      "Heading 2": { size: 36px, line_height: 1.22, letter_spacing: "-0.025em" }
      "Heading 3": { size: 24px, line_height: 1.22, letter_spacing: "-0.025em" }
      "Heading 4": { size: 16px, line_height: 1.22, letter_spacing: "-0.025em" }
  text:
    family: "Geist", sans-serif
    foundry: "Vercel"
    scale:
      "Body Large": { size: 18px, line_height: 1.5, letter_spacing: "0em" }
      "Body": { size: 16px, line_height: 1.5, letter_spacing: "0em" }
      "Body Small": { size: 13px, line_height: 1.4, letter_spacing: "0em" }
      "Caption": { size: 11px, line_height: 1.4, letter_spacing: "0.01em" }
      "Label": { size: 10px, line_height: 1.4, letter_spacing: "0.04em" }
```

Line heights are part of the scale — don't hand-tune them per surface.

## Assets

- **Textures** — 9 files: Brush 1, Brush 2, Brush 3, Brush 4, Field 1, Field 2, Field 3, Field 4, Field 5
- **Materials** — 2 files: Golden Turrell Field, Brushed Grain
- **Mockups** — 5 files: Business Cards, Stationery, Social Banners, Social Posts, Soft-focus Glyph
- **UI Design** — 5 files: Bento Grid, Product Grid, Site Menu, Article Page, Blog Index
- **Social** — 5 files: LinkedIn Cover — Speed, LinkedIn Cover — Dots, LinkedIn Cover — Field, Profile Picture — Dark, Profile Picture — Light

## Brand guidelines

The full guidelines — voice, photography, motifs and applications — are in the brand deck: https://drive.google.com/file/d/1zZaz_NnLIcT-b2WeNSgJn1VO9Nry83dx/view
Where the deck and this file disagree, the deck wins.

---

*Maintained by Blueprint Studio · blueprintstudio.ai/brands/jinba*