Apply official brand colors and typography to artifacts for consistent visual identity. Use for presentations, documents, and any content requiring brand styling.
Prerequisites
Knowledge of brand color codes (hex values)
Font files or system fonts specified by brand
Instructions
Apply Brand 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 Orange: #d97757
Accent Blue: #6a9bcc
Accent Green: #788c5d
Apply Typography
Headings (24pt+): Poppins font (Arial fallback)
Body text: Lora font (Georgia fallback)
Smart Font Application
Apply heading font to text 24pt and larger
Apply body font to smaller text
Preserve text hierarchy and formatting
Shape and Accent Colors
Non-text shapes use accent colors
Cycle through orange, blue, green accents
Maintain visual interest while staying on-brand
Error Handling
If custom fonts unavailable, use fallback fonts
Ensure sufficient contrast for readability
Test on different backgrounds
Notes
Uses RGB color values for precise brand matching
Font management: automatic fallback to Arial/Georgia
Preserves readability across all systems
Source: anthropics/skills
1---2name: brand-guidelines3description: Brand Guidelines4---5# Brand Guidelines67Apply official brand colors and typography to artifacts for consistent visual identity. Use for presentations, documents, and any content requiring brand styling.89## Prerequisites1011- Knowledge of brand color codes (hex values)12- Font files or system fonts specified by brand1314## Instructions15161. **Apply Brand Colors**17 - Dark: `#141413` - Primary text and dark backgrounds18 - Light: `#faf9f5` - Light backgrounds and text on dark19 - Mid Gray: `#b0aea5` - Secondary elements20 - Light Gray: `#e8e6dc` - Subtle backgrounds21 - Accent Orange: `#d97757`22 - Accent Blue: `#6a9bcc`23 - Accent Green: `#788c5d`24252. **Apply Typography**26 - Headings (24pt+): Poppins font (Arial fallback)27 - Body text: Lora font (Georgia fallback)28293. **Smart Font Application**30 - Apply heading font to text 24pt and larger31 - Apply body font to smaller text32 - Preserve text hierarchy and formatting33344. **Shape and Accent Colors**35 - Non-text shapes use accent colors36 - Cycle through orange, blue, green accents37 - Maintain visual interest while staying on-brand3839## Error Handling4041- If custom fonts unavailable, use fallback fonts42- Ensure sufficient contrast for readability43- Test on different backgrounds4445## Notes4647- Uses RGB color values for precise brand matching48- Font management: automatic fallback to Arial/Georgia49- Preserves readability across all systems5051Source: anthropics/skills
Run npx skillmds@latest add mediar-ai/brand-guidelines in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Brand Guidelines It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
mediar-ai (@mediar-ai) published this skill. Their other Agent Skills are listed on their SkillMD profile.