46
Approved SVG assets
Vyan Studio — Creative Engine
The brand, compiled · Codex Ch. 15
The brand, compiled.
Every approved asset, template, and token in one instrument. Forge cards, lint your copy, lift the deck — and produce on-brand work that cannot drift, because the system enforces the law for you.
Free · runs in your browser · every export already on-brand
10
Live canvas formats
10
Voice rules enforced
0
Drift tolerance
01
The asset library
Never redraw the mark.
Forty-six approved files — marks, wordmarks, lockups, nameplates, badges, app icons, mottos. Each is shown on its correct ground: dark variants ride platinum, everything else rides obsidian. Copy the source or download the file. The apex angle is not a suggestion.
The mark is treated with the discipline luxury houses give their monograms.
Brand Book §2.2 · The apex mark
02
The OG card forge
The card a profile link unfurls into — in a text thread, a DM, a feed. Obsidian ground, hairline frame, the mark drawn to print tolerance. Type a name and watch the render hold the law.
1200 × 630 · PNG
Fig. 01OG card — live renderCodex Ch. 15
04
The voice linter
Economy of words. Certainty of motion. Short sentences, active verbs, zero filler, occasional steel.
Brand Book §2.4 · VoiceVerdictAwaiting copy
05
The copy deck
Taglines, deployed by layer
BRAND
Own the relationship.
The promise. Four words, no qualifiers. It opens decks and closes pages.
PRODUCT
Turn attention into booked, paid, repeat clients.
What the system does, in the order money moves.
CATEGORY
The Relationship OS for modern operators.
The category line. We name it, we define it, we own it.
RECRUIT
Build the system the builders deserve.
The hiring layer. Steel for the people who lay the rails.
The voice, side by side
| Situation | Wrong — defect | Vyan |
|---|---|---|
| Empty pipeline | “Looks like you don't have any deals yet! 😊” | Pipeline's open. Capture your first lead. |
| Deal closed | “Congratulations!!! 🎉🎉” | Closed. $4,200. On to the next. |
| Missed follow-ups | “You have 12 overdue tasks.” | 12 relationships are waiting on you. Clear them in 10 minutes — I've drafted the messages. |
| Error | “Oops! Something went wrong.” | That didn't save. Your data's safe — try once more. |
The lexicon
| We say | We never say | |
|---|---|---|
| operator | “user” | |
| relationships | “records” | |
| book of business | “database” | |
| workspace | “org” · “instance” | |
| the Relationship OS | “CRM” — names only what we replace |
Message templates · ≤ 60 words each
Inquiry received
Hi {first_name} — got your request for {service}. Two openings this week: Tuesday 2:00 or Thursday 10:30. Tap one and it's yours — I'll send the details.
Deposit request
You're booked, {first_name}. A $50 deposit holds your {service} slot — one tap below. Once it lands you're locked in, and prep notes follow.
Review ask
{first_name}, it was a pleasure doing your {service}. One question — how did I do? Tap below. If anything fell short, tell me first and I'll make it right.
Rescue recovery
Thank you for the straight feedback on your {service}, {first_name}. I take it seriously, and I want to make it right — a redo or a credit, your call. Reply and I'll set it up today.
No-show rebook
We missed you today, {first_name}. Life happens. I'm holding two openings this week for your {service} — tap below to rebook, and your deposit carries over.
06
The tokens
Color · click a row to copy its variable
Gradient · brand surfaces only, product stays matte
Ember — var(--grad-ember-deep)
Platinum — var(--grad-plat)
Type · three voices, no italics
VYAN
Michroma · Display · .16em tracking · Brand moments only
Own the relationship.
Own the relationship.
Own the relationship.
Own the relationship.
Inter · UI & editorial · 40 / 24 / 15.5 / 13 · Tabular numerals where money appears
Codex Ch. 15 · The instrument · Fig. 01
IBM Plex Mono · Annotation · 10.5px · .2em tracking · Uppercase
Radius & motion
8px
Card radius · max
6px
Control radius
4px
Chip radius
150–250ms
Motion · the ember pulse
The laws · final checklist
LAW 1
One golden CTA per surface
Exactly one. Secondary paths stay quiet — a bordered button or an underlined link.
LAW 2
Ember is earned
Gold appears where money or trust moves — a deposit paid, a deal closed, a review landed. Never decoration.
LAW 3
90% obsidian and platinum
Hairlines do the structure. The surface photographs like a luxury instrument panel, not a dashboard casino.
LAW 4
Money is tabular
Operators read numbers all day. Their numbers never wiggle.
LAW 5
No italics
Typography behaves like a calm voice. Emphasis comes from weight and space.
LAW 6
No exclamation marks
Certainty of motion needs none.
Ship something on-brand today.
The doctrine is written. The tokens are live. Forge a card, lint the copy, lift the deck — drift is now a choice, and the studio makes it the harder one.
Restraint is enforced in the renderer. Obsidian and platinum carry the card; ember appears only on the stat number or one emphasis. Gold means money moved.