beanies.family Brand Theme Skill

What problem does it solve?

Ensures all UI copy, component design, color usage, assets, and interaction patterns for beanies.family are consistent, accessible, and implementation-ready so teams avoid fragmented or conflicting design choices across the product.

Core Features & Use Cases

• Color palette with exact hex values and tint rules for light and dark modes to standardize alerts, positive/negative values, and accent usage.
• Typography scale, font-family rules, and typographic exceptions to ensure consistent sizing, weight, and accessibility across headings, body text, and financial figures.
• Component and layout conventions including modal tiers, form wrappers, card and button styles, shadows, radii, and the attention-pulse behaviour for developers to implement reliably.
• Asset and logo usage guidance with filename conventions, transparent vs opaque rules, spinner and celebration asset behavior, and clear-space/min-size constraints for designers and implementers.
• Brand voice and copy standards with preferred phrasing, vocabulary, casing rules for dual-layer UI strings, and celebration/error messaging guidance for product writers and localization teams.

Quick Start

Use the beanies.family Brand Theme Skill to rewrite UI copy or to audit a component for adherence to the brand rules, applying the specified colors, typography, asset choices, and modal/component conventions.