Brand Guidelines
Apply brand colors, typography, and visual identity to artifacts. Includes color palettes, font pairings, and consistent styling for presentations, docs, and interfaces.
How to Install
Using npx (recommended):
npx skills add github.com/anthropics/skills/tree/main/skills/brand-guidelines --skill brand-guidelinesThis will automatically download and install the skill in your .cursor/skills/ directory.
Or install manually:
- Copy the skill content below
- Create folder:
.cursor/skills/brand-guidelines/in your project - Save as
SKILL.md - Cursor auto-discovers skills when you start a chat
Or install globally to ~/.cursor/skills/brand-guidelines/SKILL.md
SKILL.md
--- name: brand-guidelines description: Applies official brand colors and typography to any artifact that may benefit from consistent look-and-feel. Use when brand colors, style guidelines, visual formatting, or company design standards apply. --- # Brand Styling ## Overview To access official brand identity and style resources, use this skill. **Keywords**: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, visual formatting, visual design ## Brand Guidelines ### Colors **Main Colors:** - Dark: `#141413` - Primary text and dark backgrounds - Light: `#faf9f5` - Light backgrounds and text on dark - Mid Gray: `#b0aea5` - Secondary elements - Light Gray: `#e8e6dc` - Subtle backgrounds **Accent Colors:** - Orange: `#d97757` - Primary accent - Blue: `#6a9bcc` - Secondary accent - Green: `#788c5d` - Tertiary accent ### Typography - **Headings**: Poppins (with Arial fallback) - **Body Text**: Lora (with Georgia fallback) ## Features ### Smart Font Application - Applies Poppins font to headings (24pt and larger) - Applies Lora font to body text - Automatically falls back to Arial/Georgia if custom fonts unavailable - Preserves readability across all systems ### Text Styling - Headings (24pt+): Poppins font - Body text: Lora font - Smart color selection based on background - Preserves text hierarchy and formatting ### Shape and Accent Colors - Non-text shapes use accent colors - Cycles through orange, blue, and green accents - Maintains visual interest while staying on-brand ## Technical Details ### Font Management - Uses system-installed Poppins and Lora fonts when available - Provides automatic fallback to Arial (headings) and Georgia (body) - No font installation required ### Color Application - Uses RGB color values for precise brand matching - Maintains color fidelity across different systems
Best For
Related Skills
Design Handoff
Generate developer handoff specs from a design: layout, tokens, component props, states, responsive breakpoints, edge cases, animations, and accessibility.
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Avoid generic "AI slop" aesthetics with bold typography, color, and spatial composition.
Canvas Design
Create beautiful visual art, posters, and static designs using design philosophy. Generates museum-quality work with a two-step process: philosophy creation, then visual expression.
Theme Factory
10 pre-set professional themes with colors and fonts for slides, docs, reports, and landing pages. Apply consistent styling or generate custom themes on-the-fly.