aba-brand-system

Apply ABA brand guidelines to marketing and product deliverables.

40|5|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/ShawhinT/non-coding-skills --skill aba-brand-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: aba-brand-system
Source: https://github.com/ShawhinT/non-coding-skills/tree/main/aba-brand-system
Command: npx skills add https://github.com/ShawhinT/non-coding-skills --skill aba-brand-system

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill prevents ABA-branded work from drifting into generic AI/agency aesthetics by providing a consistent system for colors, typography, voice/tone, and approved components across web, stills, and motion artifacts.

Core Features & Use Cases

  • ABA visual tokens: Defines the official color palette (cerulean, cardinal, lime, goldenrod, coral, forest) and typography rules (Manrope, Libre Franklin, JetBrains Mono) to keep UI, marketing, and print-like surfaces consistent.
  • Voice-and-tone enforcement: Codifies founder-to-founder writing rules, forbidden AI-hype vocabulary, CTA style, and structural do/avoid guidance to keep copy on-brand.
  • Surface-specific composition references: Provides tailored reference guides for web layout, infographic/still rules, and motion/animation constraints so the right patterns are used in the right medium.
  • Drop-in building blocks: Includes annotated HTML component snippets plus icon/logo conventions (SVG heroicons outline system and bundled ABA logo assets).

Quick Start

Use aba-brand-system while drafting ABA copy or designing an ABA visual artifact, then follow the matching reference file for the surface you are producing.

Frequently Asked Questions about aba-brand-system

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

FAQPage Schema
How do I apply brand system guidelines to marketing deliverables without using generic AI hype aesthetics?

To apply brand system guidelines without generic AI hype aesthetics, you must enforce founder-to-founder copy rules, forbidden vocabulary, and standardized typography tokens. Selecting the correct surface reference ensures colors, components, and layout structure remain on-brand.

What typography tokens and color palettes are needed to keep landing pages and infographics consistent?

Required typography tokens include Manrope, Libre Franklin, and JetBrains Mono. The defined color palette features cerulean, cardinal, lime, goldenrod, coral, and forest, ensuring visual consistency across landing pages, social graphics, and infographics.

How do I design motion captions and HTML emails using a standard brand voice and tone?

To design motion captions and HTML emails with a standard brand voice and tone, use surface-specific composition references. These guides enforce structural do/avoid rules, CTA styles, and motion constraints to keep visual artifacts consistent.

Can I use drop-in HTML component snippets and SVG logo assets for web layout composition?

Yes, you can use annotated drop-in HTML component snippets and bundled SVG logo assets. The system includes icon conventions using the heroicons outline system, allowing you to quickly build web layouts and marketing surfaces.

What is the best way to standardize founder-to-founder copy rules for product and marketing design?

The best way to standardize founder-to-founder copy rules is to codify structural do/avoid guidance, CTA styles, and forbidden vocabulary. This prevents branded copy from drifting into generic agency aesthetics during product and marketing design.

When do I need to use surface-specific composition references for brand system design?

You need surface-specific composition references when producing web layouts, infographic stills, or motion/animation artifacts. Selecting the matching reference ensures the correct patterns, constraints, and visual tokens are applied to the specific medium.