Brand
Guide.
Guide.
Use the full logo for headers and marketing lockups. The icon for compact UI placement. Three colorways cover all surfaces.
Green leads brand and marketing. Blue leads developer surfaces. One saturated color per region — never two filled saturated CTAs at equal weight.
Green leads on brand surfaces. Blue leads on developer surfaces. They don't compete at the same weight.
League Spartan for display and headings — tight, authoritative. Figtree for body and UI — warm, readable. System mono for code.
8px grid. All layout uses --space-1 (8px) and up. Sub-pixel tokens reserved for hairlines and focus rings only.
Flat, border-led cards. Green primary CTA. Blue outlined secondary. Status always text + color.
curl https://api.texttree.ai/api/v1/messages \
-H "Authorization: Bearer $TEXTREE_KEY" \
-H "Content-Type: application/json" \
-d '{"phone_number": "+15551234567", "body": "Hello from Texttree"}' #262626. Code tabs order: curl → JS → Python → Elixir.Plain, declarative, infrastructural. Reads like a careful engineer wrote it — because one did.
Every CTA and list item opens with a verb. "Send", "Inspect", "Configure", "Replay". No "Get started" or "Learn more".
Docs and in-app strings match the API contract that ships. Vision-led copy is for marketing. Docs don't describe future product.
No emoji in product surfaces. No "seamless", "robust", "next-gen", "world-class". No breathless hype. No warm marketing `we`.
"Suppression", "opt-out", "spend limit", "replayable" appear in product copy intentionally — they communicate trust, not restriction.
All headings, nav labels, and button labels in sentence case: "Send SMS", "View docs", "API reference". SMS, API, JSON stay uppercase.
If you wouldn't write it in a commit message, don't put it in the UI. Operator-first framing; no consumer-product language.
"The point is not to finish the product in one pass. The point is to make it hard to accidentally build the wrong one."
All product icons come from Heroicons (outline, 1.5px stroke). No custom icon set, no emoji in product surfaces. 16px inline, 20px nav & toolbar, 24px standalone.