bold

Generate a bold design system with typography, color palette, and spacing scale.

Updated Jun 23, 2026

Search Tags:#design system #color palette #typography scale #spacing scale #bold typography

Ready to run

npx skills add https://github.com/guideops/agentic-shared --skill bold-guideops

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: bold
Source: https://github.com/guideops/agentic-shared/tree/main/skills/awesome-design-skills/styles/bold
Command: npx skills add https://github.com/guideops/agentic-shared --skill bold-guideops

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for a design system that provides a strong visual presence, focusing on heavyweight typography and high-contrast colors to create commanding layouts.

Core Features & Use Cases

Bold Typography: Offers a desktop-first expressive scale with a variety of weights.
Color Palette: Provides a comprehensive set of colors including primary, secondary, success, warning, danger, surface, text, and neutral.
Spacing Scale: Offers a 4/8/12/16/24/32 spacing scale for consistent design.
Use Case: Designers and engineers can use this Skill to create bold and impactful design systems for their products.

Quick Start

Generate a design system with the bold skill, setting the primary color to #0077BC and the secondary color to #009866.

Frequently Asked Questions about bold

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

FAQPage Schema

How do I create a design system with bold typography and high-contrast colors?▼

Build a bold design system by defining primary and secondary colors, which generates a desktop-first expressive typography scale, a comprehensive color palette, and a 4/8/12/16/24/32 spacing scale for commanding layouts.

What spacing scale is used for consistent design in a bold design system?▼

The spacing scale uses a 4/8/12/16/24/32 base unit system to ensure consistent design layout, pairing with heavyweight typography and high-contrast colors to create expressive interfaces.

What colors are included in a comprehensive high-contrast color palette?▼

A comprehensive color palette includes primary, secondary, success, warning, danger, surface, text, and neutral colors, requiring you to define the primary and secondary colors to generate the full set.

Can I use this bold design system for desktop-first expressive layouts?▼

Yes, the bold design system provides a desktop-first expressive scale with a variety of font weights, specifically designed for heavyweight typography and high-contrast visual presence.

Do I need to define specific colors before generating my bold design system?▼

Yes, you must define primary and secondary colors before generation, which then produces the complete bold design system including success, warning, danger, surface, text, and neutral color variants.