Optics Design Framework

Apply the Optics design system for consistent, token-based styling in Rails applications.

Core Principles

1. Use tokens, not hard-coded values - All colors, spacing, typography from assets/tokens.json
2. Follow BEM structure - Block, Element, Modifier naming conventions
3. Check existing components first - Reuse before creating new
4. Progressive enhancement - Start with semantic HTML, layer styles

Finding Optics Classes

Search for components in this order: