46
Approved SVG assets
Vyan Studio · Creative Engine
The brand, ready to use · Codex Ch. 15
The brand, ready to use.
Every approved asset, template, and token in one place. Make cards, check your copy, and grab the deck. Your work stays on-brand. The studio handles the rules for you.
Free · runs in your browser · every export is on-brand
10
Live canvas sizes
11
Voice rules checked
0
Room to drift
01
The asset library
Never redraw the mark.
Forty-six approved files: marks, wordmarks, lockups, nameplates, badges, app icons, and mottos. Each one sits on its correct ground. Dark versions ride platinum. The rest ride obsidian. Copy the source or download the file. The apex angle is fixed.
We treat the mark the way luxury houses treat their monograms.
Brand Book §2.2 · The apex mark
02
The OG card maker
This is the card your link shows when you share it. In a text, a DM, or a feed. Obsidian ground, a thin frame, the mark drawn to print quality. Type a name and watch it render on-brand.
1200 × 630 · PNG
Fig. 01OG card · live renderCodex Ch. 15
04
The voice checker
Few words. Clear motion. Short sentences, active verbs, no filler, a little steel.
Brand Book §2.4 · VoiceVerdictWaiting for copy
05
The copy deck
Taglines, by layer
BRAND
Own the relationship.
The promise. Four words, no hedging. 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 line. 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 flat
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
Just one. Other paths stay quiet: a bordered button or an underlined link.
LAW 2
Ember is earned
Gold shows up when money or trust moves: a deposit paid, a deal closed, a review in. Never as decoration.
LAW 3
90% obsidian and platinum
Thin lines do the structure. The surface looks like a luxury instrument panel, not a busy dashboard.
LAW 4
Money is tabular
Operators read numbers all day. Their numbers never wiggle.
LAW 5
No italics
Type stays calm. Emphasis comes from weight and space.
LAW 6
No exclamation marks
Clear motion needs none.
Ship something on-brand today.
The rules are written. The tokens are live. Make a card, check your copy, grab the deck. Drift is now a choice, and the studio makes it the harder one.
The renderer keeps it restrained. Obsidian and platinum carry the card. Ember shows up on one spot only: the stat number or a single accent. Gold means money moved.