Brand
Changelog v1.4
Home / Brand Profiles · Tenant 03

Micro Innovation

A green and blue innovation brand for automation, transformation, and applied technology consulting.

STABLE
Updated Jan 26 2026
BrandOS v1.4

Micro Innovation

4 ramps · 76 tokenised swatches · 6 semantic slots — wired into the shared BrandOS primitives.

microinnovation.net
BRANDmicroinno
TOKEN@brandos/tokens/css/microinno
HEADINGPlay
BODYInter

01 · Innovation Green

19 shades of Innovation Green

Primary brand identity, confident action, and growth-oriented signals.

02 · Automation Blue

19 shades of Automation Blue

Accent, information, and integration vocabulary.

03 · Signal Red

19 shades of Signal Red

Risk, exception, and failure states.

04 · Neutral Gray

19 shades of Neutral Gray

Surfaces, body text, and borders.

05 · Semantic slots

Meaning over hue

Components consume semantic slots, never raw ramps. The hue can evolve; the meaning shouldn't.

Brand Primary Anchor identity & CTAs
Token
--semantic-brand-primary
Class
bg-primary
Brand Accent Highlights & accents
Token
--semantic-brand-accent
Class
bg-accent
Surface 1 Card surfaces & chrome
Token
--semantic-surface-1
Class
bg-base-100
Content Body & headings text
Token
--semantic-content-primary
Class
text-base-content
Info Information & neutral cues
Token
--semantic-status-info
Class
text-info
Error Destructive & error states
Token
--semantic-status-error
Class
text-error

06 · Typography

Play on display · Inter for everything else

Heading and body families are profile tokens, not app-level font aliases.

Heading --brandOS-font-heading
Aa
Play The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ! ? · —
  • H1 · Display The system in practice 48 / 56 · 800
  • H2 · Section 5 brands, one system 32 / 40 · 700
  • H3 · Card Profile contract 20 / 28 · 600
Body --brandOS-font-body
Aa
Inter The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ! ? · —
  • Lede A clear, generous opening that orients the reader fast. 20 / 30 · 500
  • Body Standard paragraph text. The quick brown fox jumps over the lazy dog. 16 / 24 · 400
  • Caption Small print, footnotes, and metadata. 13 / 20 · 500

07 · Primitive check

Same components, both modes

One mockup, one set of components — data-theme flips every token in unison.

Micro Innovation Console Production · v2.4.0
Live
Tokens 247 +12
Sync 99.8% stable
Latency 42ms −8
primary action ⌘K
Brand audit coverage 72 / 100
Last run · 3 min ago
Micro Innovation Console Production · v2.4.0
Live
Tokens 247 +12
Sync 99.8% stable
Latency 42ms −8
primary action ⌘K
Brand audit coverage 72 / 100
Last run · 3 min ago

08 · Imagery rules

How Micro Innovation looks at the world

  1. 01

    Show applied automation, systems thinking, and measurable process change.

  2. 02

    Use crisp diagrams, product states, and customer workflow moments before abstract visuals.

  3. 03

    Keep the tone bright and precise without drifting into generic startup decoration.

09 · Example uses

Where Micro Innovation shows up

Surfaces where this brand carries weight in production.

01 Automation opportunity map
02 Process improvement dashboard
03 Executive transformation brief

10 · CDN target

Drop in anywhere

Three lines and an attribute — the whole Micro Innovation brand renders from CDN.

index.html 
<link rel="stylesheet" href="https://brand.snyder.tech/cdn/latest/themes/global-tokens.css" />
<link rel="stylesheet" href="https://brand.snyder.tech/cdn/latest/themes/microinno-brand.css" />
<script type="module" src="https://brand.snyder.tech/cdn/latest/index.js"></script>
<html data-brand="microinno" data-theme="light">