colorway-c

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

1. references/TOKENS.md (in this skill): the values.
2. references/VOICE.md (in this skill): how copy reads.
3. 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

1. Blinking teal cursor _.
2. SECTION 0X / NAME mono eyebrow above a Bricolage headline.
3. Teal underline that draws in on link hover.
4. Hairline dividers instead of boxes.
5. The cma monogram avatar.
6. 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.