Hi-Fi · 3 directions · full lockups

MeowKit logo system

Three directions taken to hi-fi with the real brand palette (Royal Blue #2563EB, deep-space dark, Inter + Fira Code), full lockup set per direction: horizontal, stacked, favicons, in-context, and wordmarks.

01

Brace Cat

code-native · { :3 }

Code braces wrapping a micro cat face. Type-native; reads at any size from favicon to banner. The braces pick up the brand blue; the face stays neutral ink so it anchors in both light and dark themes.

Horizontal
{ ⌃ } MeowKit
Stacked + tagline
{ ⌃ } MeowKit AI AGENT TOOLKIT FOR CLAUDE CODE
Dark · horizontal
{ ⌃ } MeowKit
Favicon scaling
16
{ }
32
{ ⌃ }
64
{ ⌃ }
128
Size scale · 16 → 96
{} {} {⌃} {⌃} {⌃}
02

Whisker Terminal

CLI-native · terminal as cat face

A terminal window that is a cat face — titlebar as brow, > prompt as nose, whiskers radiating outward, ears perched on the window chrome. Blue brand glow lives in the prompt caret and whiskers.

Mark · light
Horizontal lockup
MeowKit
Dark · stacked
MeowKit npx mewkit init
Monochrome variants
03

Slash-Meow Prompt

command-native · /meow

The literal invocation as the logo. Every skill starts with /mk: — so the mark is /meow with a blinking caret. Gradient-blue wordmark, slash is the accent hit.

Primary mark · light
/meow
Primary mark · dark
/meow
Full invocation · /mk:kit
/mk:kit THE AI AGENT TOOLKIT FOR CLAUDE CODE
In context · a real session
~/apps/api $ npx mewkit init ✓ scaffolded .claude/ (58 skills, 15 agents) ~/apps/api $ claude • CLAUDE.md loaded · memory/lessons.md read > /meow:plan add JWT auth → routing to planner · tier: COMPLEX
Social / OG card · 1200×628
/meow
AI agent toolkit · Claude Code

Ship production code
without breaking gates.

/mk:cook skills agents hard gates

Every mark uses only tokens from colors_and_type.css: Royal Blue primary #2563EB, accent glow #60A5FA, deep-space #05070A → #1E3A5F, Inter 400/500 for wordmarks, Fira Code 500 for prompts/taglines. No new colors introduced.