the20-brand-guidelines

Apply The 20 brand colors, Lato typography, and logo rules to deliverables.

Updated May 25, 2026
One-click install
npx skills add https://github.com/AcendWay/ai-skills-library --skill the20-brand-guidelines
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: the20-brand-guidelines
Source: https://github.com/AcendWay/ai-skills-library/tree/main/skill-folders/archive/the20-brand-style-guidelines
Command: npx skills add https://github.com/AcendWay/ai-skills-library --skill the20-brand-guidelines

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

It prevents inconsistent, off-brand formatting by applying The 20’s approved colors, typography, and logo usage rules automatically to documents and digital deliverables.

Core Features & Use Cases

  • Consistent brand styling across deliverables: Applies primary/secondary brand colors, typography hierarchy, and layout rhythm so presentations, reports, emails, and web artifacts look like they belong to The 20.
  • Correct logo selection and usage rules: Selects the proper dark/white logo based on background and follows spacing, legibility, and anti-distortion rules.
  • Ready references for web styling: Provides CSS and Tailwind quick references for developers and designers to implement matching brand tokens.

Quick Start

Ask Claude to create a branded presentation, report, email template, or HTML page and enable the the20-brand-guidelines skill so it applies The 20’s colors, Lato typography, and appropriate logo assets automatically.

Frequently Asked Questions about the20-brand-guidelines

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

FAQPage Schema
How do I apply corporate brand colors and typography to generated documents?

To apply corporate brand colors and typography to generated documents, use this Skill to automatically inject approved palettes like #E71E25 and #4A4B4B, along with Lato typography, into presentations, reports, and HTML deliverables for visual consistency.

Can I use Tailwind and CSS to style web deliverables with specific brand guidelines?

Yes, you can use Tailwind and CSS to style web deliverables with specific brand guidelines. This Skill provides ready-made CSS and Tailwind quick references that map directly to approved brand tokens for developers and designers.

What is the correct way to handle logo placement and selection on different backgrounds?

Correct logo placement and selection involves choosing the proper dark or white logo asset based on the background color, while strictly following spacing, legibility, and anti-distortion constraints to maintain brand integrity.

Does this brand style guide work for both Word documents and HTML pages?

Yes, this brand style guide works for both Word documents and HTML pages. It targets presentations, reports, email templates, and web artifacts, applying the specified corporate visual consistency across all these formats.

How to ensure consistent brand styling across multiple client-facing reports?

To ensure consistent brand styling across multiple client-facing reports, enable this Skill during generation to automatically enforce the approved color palette, typography hierarchy, and layout rhythm across all produced artifacts.

What fonts and colors do I need for The 20 brand style deliverables?

For The 20 brand style deliverables, you need the primary colors #E71E25 and #4A4B4B with supporting tones, and the Lato font family with an Arial fallback to meet corporate visual standards.