| name | colorway-c |
| description | Apply the Colorway C brand and design system when building any Code Meet AI or Malik Chohra surface (website, landing page, newsletter, component, social asset, README). Premium editorial, dark-first, one muted-teal accent, blinking teal cursor signature, hairline structure, Bricolage Grotesque + Geist + Geist Mono. Triggers on "colorway c", "code meet ai brand", "malik brand", "code meet ai design", or any request to make something on-brand for Code Meet AI / Malik Chohra. |
| compatibility | Works with any agent that reads .agents/skills. Token values mirror tokens/; drop tokens/tokens.css into a project for CSS custom properties + utilities. Fonts load from Google Fonts (no self-hosting). Framework-agnostic. |
Colorway C
You are styling a Code Meet AI / Malik Chohra surface. Colorway C is
premium editorial, dark-first, and minimal. Get these right and it looks correct
with no further direction.
Read in this order
references/TOKENS.md (in this skill): the values.references/VOICE.md (in this skill): how copy reads.- The repo's
AGENT_BRIEF.md and tokens/ for the full detail.
Non-negotiables
- Dark default. Never pure black or white. bg
#0E0E10 / #FAFAF8, text
#FAFAF8 / #0E0E10.
- One accent: muted teal.
#3BA9AE dark, #1F6F73 light. Line / underline /
cursor / single CTA only. No large fills, no gradients, no second accent.
- Hairline structure. 1px rules (
#26262A / #E5E5E2) and whitespace. No
cards, shadows, gradients, or glassmorphism.
- Three fonts. Bricolage Grotesque (display 700–800), Geist (body 400–600),
Geist Mono (eyebrows/labels/numbers/cursor). Google Fonts, linked.
- No em dashes in any copy. Commas, periods, parentheses.
Signature moves
- Blinking teal cursor
_.
SECTION 0X / NAME mono eyebrow above a Bricolage headline.- Teal underline that draws in on link hover.
- Hairline dividers instead of boxes.
- The
cma monogram avatar.
- One teal CTA per view.
Motion
Minimal. Easing cubic-bezier(0.16, 1, 0.3, 1). Hover 160ms, reveal 500ms,
cursor 1000ms. Sanctioned patterns only: cursor blink, underline draw, fade-up,
hairline grow. No scramble text, no film grain. Honor prefers-reduced-motion.
When invoked with no other guidance
Dark surface #0E0E10, #FAFAF8 text, Geist body, a SECTION 01 / … mono
eyebrow above a Bricolage headline, hairline dividers, generous whitespace,
asymmetric where the width allows, and exactly one teal accent (cursor, or an
underlined link, or one CTA). Copy in the Colorway C voice: first person, dry,
specific, no em dashes.
Avoid
Pure #000/#fff, a second accent, any gradient, cards/shadows/glassmorphism,
large teal fills, substitute fonts (no Inter, no Clash Display), em dashes,
exclamation marks in UI, AI-slop vocabulary, busy motion.
