⚠️ Deprecated (2026-07-17). pesty-design is now the default Pesty design system for all new frontend work. Use this skill only when maintaining an existing dark-navy internal tool or dashboard that already uses these tokens. For anything new, use pesty-design.

Pesty Frontend Skill

Mode Detection

Determine mode before writing any code:

• Dashboard / internal tool — dark navy default, full token set, Epilogue headings, accessible at pestymarketing.com/internal/
• Client report — light theme override, Arial for print-compat, max-width 860px, accessible at pestymarketing.com/clients/
• Single-page tool / one-pager — dark navy default; confirm if ambiguous

Mandatory Rules (ALL modes)

Read references/design-tokens.md first. Then: