Code

Light glass, not dark slate. --code-bg: rgba(255,255,255,0.55) on top of a backdrop blur. Syntax tokens are warm earth-tones — keys/commands in burnt sienna, strings in moss, keywords in plum.

Rendered

# Create a new employee record
curl -X "POST" https://api.matter.so/v1/employees \
  -H "Authorization: Bearer $MATTER_API_KEY" \
  -d '{"name": "Alex Kim", "role": "engineer", "vested": true}'

Syntax tokens

React

import { CodeCard } from "@repo/brand/components/code-card";

<CodeCard verb="POST" path="/v1/employees" time="1.2s">
  curl -X POST https://api.mattermode.com/v1/employees
</CodeCard>