brand-guidelines

Apply official brand typography, colors, and layout rules to documents, presentations, and UI designs.

Updated Nov 26, 2025

Search Tags:#typography #branding #fonts #brand #colors #design-guidelines #visual-styling

Ready to run

npx skills add https://github.com/guiledo/dotfiles --skill brand-guidelines-guiledo

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/guiledo/dotfiles/tree/main/opencode/.config/opencode/skills/brand-guidelines
Command: npx skills add https://github.com/guiledo/dotfiles --skill brand-guidelines-guiledo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Applies the company's official brand identity to artifacts to ensure consistent look-and-feel across documents, slides, and interfaces.

Core Features & Use Cases

Smart Font Application: Applies Poppins to headings and Lora to body text with automatic fallbacks to Arial and Georgia when needed.
Color & Shape Management: Enforces the brand color palette and accent colors, including non-text shapes using branded accents.
Typography & Styling: Keeps visual hierarchy and readability while preserving the brand's typography and style.
Use Case: Use this when creating materials that must align with the company’s brand guidelines, such as presentations, marketing decks, and product visuals.

Quick Start

Apply the brand guidelines to the current design artifact to ensure typography, color, and layout align with the brand.

Frequently Asked Questions about brand-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I enforce brand typography and colors across design artifacts?▼

To enforce brand typography and colors across design artifacts, you need a system that applies official font families and color palettes to documents, presentations, and UI designs while maintaining visual hierarchy and accessible color usage.

What is the best way to apply official brand guidelines to presentations and documents?▼

The best way to apply official brand guidelines to presentations and documents is to use an automated styling process that maps heading and body text to designated brand fonts, such as Poppins and Lora, while applying official accent colors to shapes.

How do font fallbacks work when applying brand typography to UI designs?▼

Font fallbacks in brand typography work by substituting unavailable primary fonts with system alternatives, ensuring body text and headings remain readable and visually consistent across UI designs even if specific fonts like Lora or Poppins are missing.

Can I use this brand styling approach for both marketing decks and product visuals?▼

Yes, you can use this brand styling approach for marketing decks and product visuals because it standardizes the application of brand colors, typographic hierarchy, and layout rules across various artifact formats to ensure a consistent look-and-feel.

Why does my visual hierarchy break when applying brand colors to non-text shapes?▼

Your visual hierarchy may break when applying brand colors to non-text shapes if accessible color usage rules are not followed, which is why enforcing the official brand color palette alongside branded accents is necessary to maintain readability.