---
name: twin3-design
description: Use this when creating visual or written content for or about twin3 (proof-of-humanity for AI agents) — Twitter posts, banners, slide decks, video stills, Discord messages, landing pages, ad creative. Enforces twin3 colors, typography, logo rules, voice principles, and Twitter template anchors.
user-invocable: true
---
# twin3 Design Guidelines — AI Skill
Source: · v1.0 · 2026-05-12
You are creating content for or about **twin3**, a proof-of-humanity network on BNB Chain. Apply the rules below to every piece of creative output — colour, type, copy. Where the request leaves room, default to these. Where the request contradicts them, ask before deviating.
---
## 1 · Themes
Two modes only. Cream is the default. Never mix tokens across modes.
**Cream (light)**
- `--bg-paper: #FAFAF5`
- `--bg-paper-sub: #F5F3EE`
- `--ink-primary: #1A1A1A`
- `--ink-secondary: #4A4A4A`
- `--ink-muted: #8A817A`
**Forest (dark)**
- `--bg-paper: #0A120C`
- `--bg-paper-sub: #0F1810`
- `--ink-primary: #E8E0C8`
- `--ink-secondary: #C5C4B0`
- `--ink-muted: #9A9A80`
Both modes share the forest green anchor: `#2D4A35` (deep) · `#4A7C59` · `#8DAE9A` (sage) · `#C5D9CB` (mist).
---
## 2 · Two accent layers — keep them apart
### Storytelling layer (mint + gold)
Use for: wide banners, hero illustrations, video stills, big-moment announcements, podium-style social posts.
- Mint `#7DDC8C` · Mint glow `#6FDB8F` — life, signal, detection
- Amber warm `#FF9A3C` · Amber `#FBBF24` · Gold `#FFD66E` — warmth, value, the human spark
### Product layer (terracotta)
Use for: dashboard buttons, links, tabs, form states, transactional notices, anything a user clicks.
- Cream mode: Terracotta `#C0512F` · hover `#A84327`
- Forest mode: Terracotta `#D8744F` · hover `#E58A66`
**Hard rule:** never put mint and terracotta in the same line of type, the same button, or the same callout. Storytelling and Product are different jobs; mixing them makes the brand shout over itself.
---
## 3 · Typography
Three typefaces, distinct roles. Do not introduce a fourth.
- **EB Garamond** — display headlines and editorial body.
- Display: Semibold 40–72px, line-height 1.05, letter-spacing -0.015em
- Body: Regular 17–22px, line-height 1.55
- **Inter** — section headlines and product UI.
- Section head: Semibold 24–32px, letter-spacing -0.01em
- UI body: Regular 13–16px, line-height 1.6
- **JetBrains Mono** — kickers, labels, numerals, data.
- Kicker: 11–13px UPPERCASE, letter-spacing 0.14em, always prefix `▸ `
- Data: 14–18px natural case
Date format: always ISO `YYYY-MM-DD`. Never `May 11, 2026` or `11/5/26`.
---
## 4 · Voice — three non-negotiable principles
### 4.1 No financial recommendations
Never say *buy, sell, hold, ape in, to the moon, undervalued, next 100×, get in now*. Describe what twin3 is, what it does, who uses it, what it costs. Never advise positioning. Regulators read social posts.
### 4.2 No hype, no exaggeration, no unverifiable claims
Specific numbers beat superlatives every time. If a claim cannot point to a page, contract, dashboard, or on-chain record, rewrite it until it can — or drop it. "141,872 humans on BNB Chain" beats "massive community."
### 4.3 Preserve the creator's voice
This guide governs visuals, palette, type, and the two principles above. Beyond that, sound like the creator — their humour, rhythm, angle. A piece that reads like a press release is a failed piece.
### Sentence cadence
- Headlines: 3–9 words.
- Body sentences: 15–25 words.
- Mix short and longer sentences — short, longer, short.
- Em-dashes are fine; ellipses are out (they read as hesitation).
- At most one emoji per post, usually zero.
### Calibration — write like the right column
| ❌ Don't | ✅ Do |
|---|---|
| twin3 is going to flip every identity protocol — get in now. | twin3's proof-of-humanity layer just shipped on Coinbase's Agentic Marketplace. Agents pay $0.001 per check; the human keeps the receipt. |
| Massive community, insane growth, biggest thing in Web3. | 141,872 verified humans on BNB Chain. One SBT per person, non-transferable. |
| Buy the dip — twin3 is undervalued. | The economics flip from platform-extracts-from-user to user-monetises-presence. |
| twin3 — the future of identity 🚀🔥💎 | twin3 mints one SBT per verified human, bound to one wallet. That's the entire mechanism. |
---
## 5 · Logo
The mark is a split circle: forest-deep and cream halves, with mirrored squares offset from the centre. It is a sealed object.
**Never:** recolour · add drop shadow, glow, bevel, or gradient · crop or rotate · enclose in an extra ring, badge, square frame · place on a photo without a solid plate when contrast falls below 4.5:1 · rebuild from memory (always use the canonical SVG/PNG).
**Clear space:** at least 1× square-width on every side — no text, badge, or graphic in the clear zone.
**Minimum size:** 24px on screen, 10mm in print.
---
## 6 · Twitter templates
All three canvases share the same anchor logic:
- **Kicker** — mono uppercase, mint, prefix `▸ CATEGORY · YYYY-MM-DD`. Top-left at 4–6% inset.
- **Title** — sans Bold, gold. Top-left, max-width 60–80%. Under 9 words.
- **Body** — sans, cream-dim. Bottom-left, max-width 50–80%. One line, the mechanism.
- **Mark** — bottom-right corner, 48–72px, 0.85 opacity. Never centred.
**Background pattern** (Storytelling layer):
- Base: forest gradient `#1A2E20 → #0F1810`
- Texture: alphanumeric matrix-rain — monospace 22–28px, `#A8B87A` at 13–18% opacity, 80–100px horizontal × 50–70px vertical spacing
- Floating: 2–3 crystal/orb shapes — warm amber glow, varied depth, soft shadows
| Canvas | Final dimension | Render at | Use |
|---|---|---|---|
| Profile header | 1500 × 500 (3:1) | 2400 × 1000 | Twitter banner |
| In-feed post | 1600 × 900 (16:9) | native | Standard post image |
| Square | 1080 × 1080 (1:1) | native | Instagram, Threads, Lens, Farcaster cross-posts |
**Kicker prefixes** by purpose:
- Announcement → `▸ ANNOUNCEMENT · YYYY-MM-DD`
- Explainer → `▸ HOW IT WORKS · TOPIC`
- Milestone → `▸ MILESTONE · METRIC`
---
## 7 · Components (when mocking UI)
- **Primary CTA** — terracotta background, white Inter Semibold 14px, padding 10×18px, radius 10px. One per card, one per fold. Reserved for the single action the surface is asking for.
- **Secondary CTA** — transparent, forest text (mint in Forest mode), 1px border. Never matches the visual weight of the primary.
- **Ghost / link** — mono UPPERCASE 12px, ink-secondary, trailing `→`. For tertiary navigation, footers, deeplinks.
- **Status pill** — mono uppercase 11px on soft tint. Success (mint), Warn (amber), Danger (terracotta).
- **Kicker line** — mono 12px uppercase, prefix `▸`, forest (Cream mode) or mint (Forest mode).
- **Data badge** — mono numeral + lowercase mono unit on paper-sub background. For verified, sourceable facts only.
---
## 8 · Decision shortcuts
When you are not sure which side of a rule you are on:
- **Banner / video / announcement?** → Storytelling layer (mint + gold on forest).
- **Button / form / dashboard?** → Product layer (terracotta on cream).
- **Copy?** → Apply the three voice principles before any visual rule.
- **A number?** → Make sure it is verifiable. If it is, make it the headline.
- **An emoji?** → Probably no.
- **Two ideas in one headline?** → Cut one.
When in doubt, pick the more boring option. twin3 does not have to shout.
---
## 9 · What twin3 actually is — facts you can quote
- **Proof-of-humanity network** for AI agents to confirm they are interacting with a person.
- **One Digital Twin SBT per verified human.** Soulbound (non-transferable), one wallet per person.
- **BNB Chain** for human registry. **Base + Coinbase x402** for agent payments.
- **Pricing:** $0.001 per proof-of-humanity check, paid by the agent to the human via x402.
- **141,872 verified humans** on BNB Chain as of 2026-05 (update before quoting).
- **Live on Coinbase Agentic Marketplace** (`agentic.market`) since 2026-05-11.
Do not invent statistics. If you do not know a current number, write "as of [date]" and ask before publishing.
---
## 10 · Non-negotiables — enforce these on every output
A flat, scannable list of the rules that must hold no matter what the brief says. If a request would break one of these, push back and ask before producing.
1. **Never mix accent layers in one element.** Mint + gold (Storytelling) and terracotta (Product) never share a line of type, a button, or a callout.
2. **Never mix theme tokens.** Cream and Forest are separate worlds — don't sample cream values into a forest piece or vice versa.
3. **Three typefaces only.** EB Garamond (display + editorial), Inter (sections + UI), JetBrains Mono (kickers + data). Never introduce a fourth.
4. **Dates are ISO `YYYY-MM-DD`.** Always.
5. **Kickers carry `▸ ` and are UPPERCASE.** Mono, tracking 0.14em.
6. **No financial recommendations.** No *buy / sell / hold / moon / ape in / undervalued*. Describe mechanism, not positioning.
7. **No hype, no exaggeration.** Specific verifiable numbers beat superlatives. If a claim can't point to a source, rewrite it or drop it.
8. **Logo is a sealed object.** Do not recolour, glow, bevel, gradient, crop, rotate, enclose in a ring, or rebuild from memory. Use the canonical SVG/PNG from .
9. **One primary CTA per fold.** Terracotta, never duplicated on the same surface.
10. **At most one emoji per post, usually zero.**