# MoodSteady — Brand & Design Guide

> Machine-readable index of the MoodSteady design system. MoodSteady is a calm mental-health product that helps people notice early signals, understand personal patterns, and take steady action — together with the people who matter most. Payoff: "Back to steady, together".

This guide is the source of truth for any AI assistant (Lovable, ChatGPT, Claude, Cursor, etc.) generating UI, copy, marketing, or assets for MoodSteady. Use these files directly — do not paraphrase, invent colors, or substitute fonts.

## Core references

- [Full design guide (Markdown)](https://designguide.moodsteady.com/llms-full.txt): Complete brand, logo, color, typography, components, voice, do/don't, and accessibility rules.
- [Design tokens (JSON)](https://designguide.moodsteady.com/design-tokens.json): Colors, radii, shadows, type scale as structured data.
- [Brand metadata (JSON)](https://designguide.moodsteady.com/brand.json): Brand name, payoff, voice, product language (EN/NO), asset paths.
- [CSS variables](https://designguide.moodsteady.com/tokens.css): Drop-in `:root` custom properties.

## Logo assets (SVG, source of truth)

- [Horizontal logo](https://designguide.moodsteady.com/brand/moodsteady/svg/moodsteady-logo-horizontal.svg)
- [Horizontal logo on dark](https://designguide.moodsteady.com/brand/moodsteady/svg/moodsteady-logo-horizontal-dark.svg)
- [Stacked logo](https://designguide.moodsteady.com/brand/moodsteady/svg/moodsteady-logo-stacked.svg)
- [Symbol only](https://designguide.moodsteady.com/brand/moodsteady/svg/moodsteady-symbol.svg)
- [Symbol reversed (white)](https://designguide.moodsteady.com/brand/moodsteady/svg/moodsteady-symbol-reversed.svg)
- [Wordmark only](https://designguide.moodsteady.com/brand/moodsteady/svg/moodsteady-wordmark.svg)
- [App icon](https://designguide.moodsteady.com/brand/moodsteady/svg/moodsteady-app-icon.svg)
- [Favicon](https://designguide.moodsteady.com/brand/moodsteady/svg/favicon.svg)

## Rules for AI assistants

- Use the exact hex values in `design-tokens.json`. Never substitute "close enough" colors.
- Use the system UI font stack. Do not introduce Inter, Poppins, or other webfonts unless explicitly asked.
- Voice: calm, supportive, direct. Never alarmist, never shaming, never clinical-emergency.
- Red (#C9402D) is reserved for "very high" risk state only. Do not use as a decorative accent.
- Always include a text label alongside any signal color — never rely on color alone.
- Use the supplied SVG/PNG logos directly. Do not regenerate or redraw the mark.