brand-guidelines

Standardize IdeaForge branding across products and marketing materials.

6|Updated Nov 27, 2025
One-click install
npx skills add https://github.com/Holo00/IdeaForge --skill brand-guidelines-holo00
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/Holo00/IdeaForge/tree/main/.claude/skills/brand-guidelines
Command: npx skills add https://github.com/Holo00/IdeaForge --skill brand-guidelines-holo00

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive, single source of truth for IdeaForge's brand identity, ensuring consistent application of colors, typography, and visual elements across all materials without manual oversight.

Core Features & Use Cases

  • Color Palettes: Define primary, background, text, and semantic colors with hex/RGB values for precise application.
  • Typography System: Specify font stacks and a type scale for headings and body text, ensuring readability and brand voice.
  • UI Component Examples: Provide Tailwind CSS classes for common components like buttons, cards, and input fields, accelerating UI development.
  • Use Case: "Design a new marketing banner for IdeaForge, ensuring all colors, fonts, and button styles strictly adhere to the brand guidelines, maintaining a professional and cohesive brand image."

Quick Start

Use the brand-guidelines skill to identify the hex code for IdeaForge's primary Mint color and the recommended font for body text.

Frequently Asked Questions about brand-guidelines

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

FAQPage Schema
How do I maintain consistent brand colors across UI and marketing materials?

Brand guidelines provide a centralized color palette with hex and RGB values for primary, background, text, and semantic colors. Apply these values consistently across all design tools and Tailwind CSS classes to ensure uniformity in UI styling and marketing assets without manual oversight.

What typography system should I use for IdeaForge's brand?

The brand guidelines specify font stacks and a type scale for headings and body text. Use the recommended fonts and scale values to maintain readability and voice consistency across all materials, from UI components to marketing copy.

Can I use Tailwind CSS with brand guidelines for component styling?

Yes. Brand guidelines include Tailwind CSS class patterns for common components like buttons, cards, and input fields. Reference these classes to accelerate UI development while adhering to brand standards in dark-mode-first designs.

How do I apply logo usage rules and maintain brand consistency?

Brand guidelines define logo usage rules, spacing tokens, border radii, and shadow specifications. Follow these semantic standards across all touchpoints—UI components, marketing banners, and brand assets—to ensure cohesive visual identity.

What's included in a brand guidelines checklist for design work?

Brand guidelines cover color palettes, typography stacks, UI component examples, spacing tokens, border radii, shadows, logo usage rules, and voice-and-tone guidelines. Use this single source of truth to validate colors, fonts, and button styles before publishing design work.

Do brand guidelines work for dark-mode designs?

Yes. The guidelines are designed dark-mode-first and include semantic color usage for both light and dark contexts. Apply the color palette and component patterns to ensure brand consistency across dark-mode-first UI and marketing materials.