Substratal Apps Substratal Apps Hub specs
GitHub

Design system

Logo standard

A mushroom cap sits above a ground line. The visible apps sit above ground; the API grows below as interlined roots. The logo is placed in every design and ships in each platform's native formats. Don't redraw, re-colour or re-typeset it.

Full logo standard brand-tokens.json All brand files

Substratal logo standard sheet

Variants

SVG masters. Light variants go on surfaces lighter than 75 % L*; on-dark variants on surfaces darker than 35 % L*.

Horizontal lockup

Stacked lockup

Inline lockup

Mark

Small mark (≤ 24 px)

Wordmark

App icon

Colour

Brand colours are fixed — they are not part of the theme system.

Mark · light

  • cap + runner + runner nodes (pink)#E0457B
  • root strand 1 (indigo)#3D3BB8
  • root strand 2 (lime)#8DBF2E
  • ground line (ink / white on dark)#1A1838

Mark · on dark

  • cap + runner + runner nodes (pink)#FF86AE
  • root strand 1 (indigo)#8E8CFF
  • root strand 2 (lime)#C4EE6C
  • ground line (ink / white on dark)#FFFFFF

Wordmark · light

  • [ ] brackets (coral)#E2674A
  • 'sub' (ink)#10272A
  • 'stratal' (teal)#137C7A
  • ◆ (sand)#C9A26A
  • 'apps' at 85 % opacity#10272A

Wordmark · on dark

  • [ ] brackets (coral)#FF9A80
  • 'sub' (ink)#FFFFFF
  • 'stratal' (teal)#55CFC9
  • ◆ (sand)#EBCB95
  • 'apps' at 85 % opacity#FFFFFF

Icon surfaces

  • icon-tint#E8E8F7
  • paper#F3F3FA
  • night#15132E
  • ink#1A1838

Type & geometry

  • Wordmark JetBrains Mono 700, tracking -0.03 em
  • Grid 64×64, stroke 3
  • Clear space ¼ of mark height on every side
  • Small mark at or below 24 px
  • Minimums mark 16 px · horizontal lockup 120 px wide · inline lockup 20 px tall

Platform kits

Each platform folder has a brand-assets/ directory generated from the masters, in that platform's native formats.