color-type-system

Select color palettes and typefaces with hex specs and AA/AAA contrast validation.

4|1|Updated Feb 10, 2026
One-click install
npx skills add https://github.com/Sheshiyer/brandmint-oracle-aleph --skill color-type-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: color-type-system
Source: https://github.com/Sheshiyer/brandmint-oracle-aleph/tree/main/skills/visual-prompters/color-type-system
Command: npx skills add https://github.com/Sheshiyer/brandmint-oracle-aleph --skill color-type-system

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Upstream color and typography decisions are time-consuming and error-prone; this skill provides curated palettes, premium typefaces, and accessibility guidance to accelerate brand-ready choices before implementation.

Core Features & Use Cases

  • 6 master color palettes with hex codes and mood mappings for fast, consistent brand visuals
  • Premium foundry typeface recommendations aligned to project character and tone
  • 60-30-10 color distribution guidance plus AA/AAA contrast checks to ensure accessible designs

Quick Start

Provide a complete color and typography plan for a project given the brand mood and accessibility goals.

Frequently Asked Questions about color-type-system

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

FAQPage Schema
How do I select color palettes and typography that meet brand strategy goals?

To select color palettes and typography for brand strategy, use mood mapping to align visual tone, apply 60-30-10 color distribution, and choose premium foundry typefaces. This ensures cohesive, brand-ready design choices before implementation.

How do I validate color contrast for AA and AAA accessibility standards?

Validate color contrast for AA and AAA accessibility by applying specific hex-based color specs to your palette and running contrast checks. This ensures your product design meets standard accessibility requirements for visual elements.

What is the 60-30-10 color distribution rule in brand design?

The 60-30-10 color distribution rule in brand design allocates 60% of a dominant color, 30% of a secondary color, and 10% of an accent color. Following this distribution ensures balanced and visually consistent marketing collateral.

Can I get premium foundry typeface recommendations for specific project tones?

Yes, you can get premium foundry typeface recommendations by defining your project character and tone. The system aligns typeface suggestions with your brand mood to accelerate confident typography selection.

Does this color and typography system provide pre-built palettes with hex codes?

Yes, the color and typography system provides 6 master color palettes complete with hex codes and mood mappings. These pre-built palettes allow for fast, consistent brand visuals across product design and marketing collateral.