Persona
Design for luxury
Persona V1
Sharing a Design cookbook for your future projects. The open-source repo gives AI tools a shared design language, brings coherence to interfaces, helps design carry emotion, and grows toward a larger Design System for AI.
Go to GitHubSameComponentsdifferent DNA
How design evokes emotions
Atoms & molecules
The smallest interface pieces are interchangeable. Select a new persona and the atoms inherit a different rhythm, density, radius, and tone without changing the system underneath.
Motion and interaction
Interaction rules carry the personality too: hover, drag, focus, and pressed states can feel buoyant, serious, fast, or luxurious while preserving the same behaviour.
Extensive color palette
Color is not decoration. Persona treats palettes, gradients, semantic states, and emotional contrast as part of the recipe grammar AI can reuse.
Luxury Recipe
A grammar, not a skin.
Persona stores design personality as structured JSON: grammars define visual language, behaviours define how the interface should respond.
luxury.recipe.json
{
"personality": "luxury",
"description": "A premium interaction grammar for calm, editorial interfaces.",
"grammars": {
"typography": {
"display": "high-contrast serif",
"body": "quiet grotesk",
"rhythm": "large headings, restrained labels"
},
"spacing": {
"density": "generous",
"grouping": "gallery-like breathing room",
"emphasis": "one focal action per surface"
},
"color": {
"surface": "deep ink",
"accent": "soft gold",
"contrast": "warm cream on shadow"
},
"elevation": {
"shadow": "diffuse and low-noise",
"depth": "felt, not outlined"
}
},
"behaviours": {
"motion": "slow settle, short travel, no bounce",
"hover": "subtle luminance lift",
"pressed": "quiet compression",
"focus": "gold ring with generous offset",
"disabled": "reduced contrast without visual clutter",
"cta": "one primary decision, never competing actions"
}
}How Persona Thinks
Prompt → Persona Engine → Recipes → Generated Interface
Models should speak in intent. Persona translates intent into a design language with deterministic structure and reusable rules.
Prompt
A model expresses intent, not pixels.
Persona Engine
The semantic layer resolves tone, constraints, and interaction grammar.
Recipes
Typed component recipes merge tokens, behaviour, motion, and layout rules.
Generated Interface
The same component tree arrives with a different design language.
MCP
Persona as a design runtime for models.
The point is not another pretty screen. It is an interface-aware middleware layer that lets Claude, Cursor, or ChatGPT request a design grammar rather than hallucinating chrome.
persona-mcp.terminal
Future
A design language that can travel across tools.
Persona is designed to move between Figma, MCP, IDEs, assistants, and APIs without rewriting the semantic rules every time.