Planted Brand & Design
Creates UI components, marketing copy, and visual layouts that embody the Planted challenger brand voice and detailed design system.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Provides a detailed visual design system with a specific color palette, typography scales, and 8-point spacing grid.
- Defines a 'challenger brand' philosophy focused on a human, inconsistent, and entertaining voice.
- Includes ready-to-use patterns for core UI elements like buttons and cards, with defined states and behaviors.
- Outlines specific copywriting rules, a dual-mode tone (Scientific vs. Playful), and a list of forbidden corporate phrases.
- Integrates accessibility requirements for color contrast, touch targets, and motion.
Use cases
- Onboarding new designers and developers to the Planted brand standards.
- Writing marketing copy for emails, social media, or advertisements.
- Developing a new feature or page for the Planted website.
FAQ
What does this Claude Code Skill do?
This skill equips Claude with the complete Planted brand and design system. It provides detailed rules for creating on-brand UI components, visual layouts, and marketing copy that reflect Planted's unique 'challenger brand' voice.
When should I use this skill?
Use this skill anytime you're creating user-facing content for Planted. This includes designing new UI components, writing headlines, building web pages, or needing a specific color hex code or spacing value from the design system.
How does this skill improve my workflow?
It centralizes all brand and design knowledge, eliminating the need to hunt for guidelines. Claude can instantly generate code, copy, and design suggestions that are perfectly on-brand, dramatically speeding up development and ensuring consistency.
What specific capabilities does it provide?
The skill provides a complete visual design system (colors, typography, spacing), ready-to-use UI component patterns for buttons and cards, specific copywriting rules with a dual-mode tone, a list of forbidden corporate phrases, and built-in accessibility requirements.
Related skills
Frontend Design
Generates distinctive, opinionated UI designs that move beyond generic templates and reflect a product's unique brand identity.
Design Tools142,11812 ptsFrontend CSS Standards
Writes consistent, maintainable CSS by adhering to project methodologies, design systems, and performance best practices.
Design Tools21312 ptsNetresearch Branding
Applies Netresearch brand identity, design standards, and technical specifications to web projects, documentation, and digital content.
Design Tools612 pts