---

name: brand-identity description: Provides the single source of truth for brand guidelines, design tokens, technology choices, and voice/tone. Use this skill whenever generating UI components, styling applications, writing copy, or creating user-facing assets to ensure brand consistency.

Brand Identity & Guidelines

Brand Name: Al-Huda
Theme Name: Emerald Night
Tagline: Nurture your soul, one ayah at a time.

This skill defines the core constraints for visual design and technical implementation for the Al-Huda Quran Habit Builder app. You must adhere to these guidelines strictly to maintain consistency and the premium "Emerald Night" aesthetic.

Reference Documentation

Depending on the task you are performing, consult the specific resource files below. Do not guess brand elements; always read the corresponding file.

For Visual Design & UI Styling

If you need exact colors, fonts, border radii, or spacing values, read: 👉 resources/design-tokens.json

For comprehensive guidelines on visual principles, layout, and Animations, read: 👉 resources/visual-guidelines.md

For Coding & Component Implementation

If you are generating code, choosing libraries, or structuring UI components, read the technical constraints here: 👉 resources/tech-stack.md

For Copywriting & Content Generation

If you are writing marketing copy, error messages, documentation, or user-facing text, read the persona guidelines here: 👉 resources/voice-tone.md

For Legal & Attribution

If you are adding copyright notices, licenses, or verifying content ownership, read: 👉 resources/legal-content.md