← Design System

Logo Variants

Explorations for the mpstaton brand mark. All use nerd-friendly monospace fonts, lowercase, with subtle modifications.

v1 — Terminal
v1 — Terminal on light

v1 — Terminal

Monospace with animated blinking cursor. The "o" is highlighted in blue.

JetBrains Mono
Open SVG → /trademarks/logo-v1-terminal.svg
v2 — Shell Prompt
v2 — Shell Prompt on light

v2 — Shell Prompt

Shell prompt style: ~/mpstaton $ with cursor. "mp" dimmed, name in blue.

Fira Code
Open SVG → /trademarks/logo-v2-prompt.svg
v3 — Bracket
v3 — Bracket on light

v3 — Bracket

Code object style with amber curly braces framing the name.

JetBrains Mono
Open SVG → /trademarks/logo-v3-bracket.svg
v4 — Underscore
v4 — Underscore on light

v4 — Underscore

Variable-name convention: mp_staton. Underscore highlighted in amber.

Fira Code
Open SVG → /trademarks/logo-v4-underscore.svg
v5 — JSX Tag
v5 — JSX Tag on light

v5 — JSX Tag

Self-closing JSX/HTML tag: <mpstaton />. Angle brackets in muted gray.

JetBrains Mono
Open SVG → /trademarks/logo-v5-tag.svg

Favicon

Favicon

/favicon.svg

Usage Notes

  • All SVGs import Google Fonts (JetBrains Mono / Fira Code) — ensure network access or self-host for production.
  • Dark-mode-first palette: primary text is #f1f5f9 (slate-100), accent is #f59e0b (amber-500).
  • The light preview uses CSS invert as a quick approximation — dedicated light variants should be created for production.
  • v1-terminal has an animated cursor blink (CSS animation inside the SVG).