skills.rest
guideops
guideopsCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/guideops/agentic-shared --skill bold-guideops
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
lexicalninjalexicalninja
2

color-system-designer

Design accessible color palettes with design tokens and contrast metrics.

Community
Advanced
effiemincereffiemincer

bolder

Amplify visual elements in user interfaces with concrete typography, color, and spacing notes.

Community
Advanced
CutTheChexxCutTheChexx

brand-builder

Create cohesive brand identities and scalable design systems for web applications.

Community
Advanced
marnecmarnec
1

responsive-design

Apply container queries, fluid typography, and grid/flex layouts for responsive UI.

Community
Intermediate