skills.rest
TedTschopp
TedTschoppCOMMUNITY
Explore all skills by this author →
Website𝕏@TedTschoppGitHub

brand-guidelines

Enforce tedt.org color, typography, and layout rules across design artifacts.

Updated Mar 1, 2017
Search Tags:#typography#branding#accessibility#brand#design-system#color-palette#visual-identity
One-click install
npx skills add https://github.com/TedTschopp/tedt.org --skill brand-guidelines-tedtschopp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/TedTschopp/tedt.org/tree/main/.github/skills/brand-guidelines
Command: npx skills add https://github.com/TedTschopp/tedt.org --skill brand-guidelines-tedtschopp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures consistent visual identity across artifacts by codifying tedt.org brand colors, typography, and styling rules, reducing design drift and manual styling decisions.

Core Features & Use Cases

  • Establish brand color tokens, typography stacks, and layout rules for pages, documents, and presentations.
  • Provide a centralized visual system that design teams can apply to new assets, ensuring accessibility and readability.
  • Use Case: Apply the brand guidelines to a report or landing page to align with tedt.org’s editorial aesthetic.

Quick Start

Apply the tedt.org brand guidelines to your document to align colors, typography, and visuals.

Frequently Asked Questions about brand-guidelines

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

FAQPage Schema
How do I apply a cohesive visual identity across design artifacts?▼

To apply brand guidelines to a document, you need brand color tokens, typography stacks, and CSS/SCSS or design system references. This Skill uses these inputs to verify consistency and align your report or landing page with the editorial aesthetic.

How do I enforce brand color palette and typography rules in a design system?▼

Yes, this Skill addresses accessibility by enforcing contrast rules alongside color and typography consistency. It provides a centralized visual system that design teams can apply to new assets, ensuring visual identity alignment and readability for documents and pages.

What do I need to implement brand guidelines using CSS or SCSS?▼

To implement brand guidelines using CSS or SCSS, you need the brand color tokens and typography stacks defined by the visual system. This Skill requires these design system references to successfully apply and verify consistency across your artifacts.

Why does visual identity drift across documents and pages?▼

Visual identity drift occurs across documents and pages due to manual styling decisions and lack of codified rules. This Skill solves the problem by centralizing color palette, typography, and spacing rules to ensure consistent visual identity across artifacts.

Related Skills

Explore More Design & Creative Skills→
ArnavPuriArnavPuri
3

design-context

Establish and manage design context with brand identity, color palettes, and typography.

Community
Intermediate
JonathanMitchell1234JonathanMitchell1234

theme-factory

Apply pre-set or custom themes to presentations, documents, and HTML pages.

Community
Intermediate
nholder88nholder88
2

ui-ux-review

Evaluate frontend UI against design-system rules for consistency and accessibility.

Community
Advanced
Alpizar28Alpizar28

curador-de-estilo-visual

Translate brand personality into color palettes, typography rules, and mood guidelines.

Community
Intermediate