{ "$schema": "./brand-dna.schema.json", "meta": { "schemaVersion": "1.0", "brandName": "bananas", "language": "en-US", "status": "starter", "version": "0.1" }, "essence": { "purpose": "Great taste, awesome design, and affordable. It's bananas!" }, "voice": { "dimensions": [ { "name": "Formality", "left": "Casual", "right": "Formal", "value": 0, "description": "Sets how conversational the brand sounds versus how structured and ceremonial its language becomes." }, { "name": "Volume", "left": "Quiet", "right": "Loud", "value": 87, "description": "Sets how softly the brand enters a conversation versus how strongly it commands attention." }, { "name": "Expression", "left": "Concise", "right": "Expressive", "value": 21, "description": "Sets how tightly the brand communicates versus allowing more detail, rhythm, and verbal texture." }, { "name": "Complexity", "left": "Simple", "right": "Elaborate", "value": 34, "description": "Sets how direct and accessible the language is versus how layered and intricate it becomes." }, { "name": "Finish", "left": "Rough", "right": "Polished", "value": 50, "description": "Sets how raw and spontaneous the language feels versus how refined and carefully edited it sounds." } ], "say": "Honest and truthful", "dontSay": "inflated claims, artificial urgency, and generic marketing superlatives." }, "visual": { "signatureRule": "The name is variable. Proportion is the rule.", "colors": [ { "name": "Signal", "value": "#FFCA0D", "mode": "source", "role": "Emphasis and action" }, { "name": "Accent", "value": "#1B4AF3", "mode": "custom", "role": "Expressive highlight and secondary emphasis" }, { "name": "Success", "value": "#2E9B58", "mode": "derived", "role": "Positive states, confirmation, and completed actions" }, { "name": "Warning", "value": "#ED8026", "mode": "custom", "role": "Caution, attention, and pending conditions" }, { "name": "Error", "value": "#B82350", "mode": "custom", "role": "Errors, destructive actions, and critical states" } ], "additionalColors": [], "semanticColors": { "paper": { "source": "Signal", "stop": 100, "role": "Background: primary canvas and light surfaces" }, "ink": { "source": "Signal", "stop": 950, "role": "Foreground: primary text, marks, and dark surfaces" }, "border": { "source": "Ink", "mode": "ink-alpha", "opacity": 0.43, "value": "#182126", "role": "Borders, dividers, and structural lines" } }, "colorScale": { "lightSteps": 10, "darkSteps": 10, "hueMultiplier": 1.11, "hueFlip": true, "saturationMultiplier": 1.25, "saturationFlip": false, "contrastColorMode": "highest-contrast-endpoint", "contrast": 1.05 }, "colorScales": { "Accent": { "mode": "custom", "settings": { "lightSteps": 10, "darkSteps": 10, "hueMultiplier": 1.04, "hueFlip": false, "saturationMultiplier": 1.2, "saturationFlip": false, "contrastColorMode": "highest-contrast-endpoint", "contrast": 1.05 } }, "Success": { "mode": "custom", "settings": { "lightSteps": 10, "darkSteps": 10, "hueMultiplier": 1.29, "hueFlip": false, "saturationMultiplier": 1.2, "saturationFlip": false, "contrastColorMode": "highest-contrast-endpoint", "contrast": 1.05 } }, "Warning": { "mode": "custom", "settings": { "lightSteps": 10, "darkSteps": 10, "hueMultiplier": 1.17, "hueFlip": true, "saturationMultiplier": 1, "saturationFlip": false, "contrastColorMode": "highest-contrast-endpoint", "contrast": 0.9 } }, "Error": { "mode": "custom", "settings": { "lightSteps": 10, "darkSteps": 10, "hueMultiplier": 1.22, "hueFlip": true, "saturationMultiplier": 1.05, "saturationFlip": false, "contrastColorMode": "highest-contrast-endpoint", "contrast": 0.95 } } }, "typography": { "headings": { "family": "Space Grotesk", "source": "https://fonts.google.com/specimen/Space+Grotesk?preview.script=Latn", "weight": 700 }, "body": { "family": "Inter", "source": "https://fonts.google.com/specimen/Inter", "weight": 400 }, "utility": { "family": "Space Mono", "source": "https://fonts.google.com/specimen/Space+Mono?preview.script=Latn", "weight": 400 }, "additional": [] }, "borders": { "thickness": "thin", "radius": 0, "buttonPill": false }, "shadows": { "base": { "distance": 16, "angle": 90, "blur": 13, "spread": -5, "colorStop": 650, "opacity": 0.84 }, "multiplier": 1.7 } }, "positioning": { "statement": "For [priority audience], we are the [category] that [distinct benefit], because [proof].", "primaryAudience": "[Who experiences the problem and chooses the solution.]", "influencingAudience": "[Who recommends, approves, or enables the decision.]" }, "imagery": { "principle": "Images reveal relationships; they never act as generic decoration.", "directions": [ { "name": "Focused Work", "asset": "21eb2840e0203c85520b0f9b5c7ee10090e56b9410e61918b7ace9886f9c6ca3.png", "description": "A sharp editorial character caught in a recognizable moment of concentration.", "prompt": "Vertical editorial illustration of an expressive primate character working at a laptop, shown in a close three-quarter crop. Build the figure from bold, angular cut-paper shapes with crisp edges and minimal internal detail. Use a restricted palette of Bananas yellow, electric blue, and near-black: blue defines the main body and facial planes, yellow creates highlights and the laptop, and black forms the background and deepest shadows. Add subtle directional glow and soft tonal falloff without losing the flat graphic silhouette. Sophisticated, focused, slightly irreverent; no text, no photorealism, no generic cartoon styling." }, { "name": "Deliberate Pause", "asset": "70cea2c28ef2026ed23351237ec1316a199714b806711238ad59dd4de8073977.png", "description": "A composed character and generous field turn stillness into a confident gesture.", "prompt": "Vertical editorial illustration of a calm primate character seated cross-legged in a tailored robe, eyes closed and hands resting naturally. Use a centered full-body composition with generous negative space and an iconic, sculptural silhouette. Construct the image from sharp vector-like cut-paper shapes in Bananas yellow and near-black, with sparse electric-blue edge accents that create chromatic depth. Let yellow dominate both the background and illuminated planes while black carries the clothing folds, facial structure, and weight of the figure. Add a restrained grain and soft luminous field while preserving crisp graphic edges. Meditative, intelligent, assured, and unexpected; no text, no photorealism, no decorative scenery." } ], "do": "Show action, imperfection, and enough context to understand the scene.", "avoid": "Obvious stock imagery, staged gestures, and filters that flatten skin tones." }, "iconography": { "principle": "Bring your own icons. Choose one source and use it consistently.", "library": "Lucide", "variant": "Outline", "source": "https://lucide.dev/icons/" }, "informationAndData": { "principle": "Data makes differences legible and decisions verifiable.", "rules": [ "Keep value, unit, period, and source together.", "Reinforce semantic color with labels or patterns.", "Do not use scales that dramatize differences." ] }, "accessibility": { "principle": "Brand recognition cannot depend on excluding people.", "rules": [ "Use at least 16px for body text and readable line lengths.", "Provide visible focus, logical order, and practical touch targets.", "Never make information depend on animation, color, or audio alone.", "Use direct sentences, text alternatives, and non-exclusionary terms." ], "boundaries": [ "Never create artificial urgency.", "Never hide relevant conditions.", "Never imply certainty where risk exists.", "Never decorate critical information at the cost of clarity." ] }, "agentGuidance": { "priorities": [ "Preserve supplied facts, constraints, qualifiers, and accessibility requirements.", "Make the reader's job and the strongest supported message clear before styling.", "Use the published Brand DNA assets, tokens, and primitives before inventing new ones.", "Adapt composition to the material while preserving a recognizable brand system." ], "compositionRules": [ "Give each artifact one dominant idea and an obvious reading path.", "Use hierarchy, alignment, and spacing before adding containers or decoration.", "Keep exact evidence, units, sources, and caveats close to the claims they qualify.", "Make responsive behavior part of the composition, not a cleanup step." ], "avoidPatterns": [ "Generic dashboard reflex — do not turn every artifact into a grid of interchangeable cards.", "Decoration as evidence — do not use charts, icons, gradients, or surfaces without an informational job.", "Equal-weight hierarchy — do not give every section, metric, or action the same visual emphasis.", "Brand by color alone — preserve typography, composition, imagery, voice, and asset rules together.", "Unsupported confidence — do not invent claims, urgency, certainty, proof, or calls to action." ] }, "useCases": [ { "name": "Web pages", "job": "Guide, prove, and invite action across responsive screens.", "rule": "Responsive hierarchy by default." }, { "name": "Presentations", "job": "Guide a decision through a narrative sequence.", "rule": "One idea per frame." }, { "name": "Social media cards/posts", "job": "Create relevant attention in a compact format.", "rule": "One tension, one gesture." } ], "provenance": { "evidence": [], "decisions": [ "useCases", "visual.colors", "visual.semanticColors", "visual.colorScale", "meta.brandName", "essence.purpose", "voice.say", "voice.dontSay", "voice.dimensions[0].value", "voice.dimensions[1].value", "voice.dimensions[2].value", "voice.dimensions[3].value", "voice.dimensions[4].value", "visual.typography.headings.family", "visual.typography.headings.source", "visual.typography.headings.weight", "visual.borders", "visual.shadows", "imagery", "iconography", "informationAndData", "accessibility", "agentGuidance" ], "proposals": [ "positioning.statement", "positioning.primaryAudience", "positioning.influencingAudience" ], "missing": [ "essence.centralIdea", "essence.role", "essence.tension", "essence.promise" ] } }