All skills
staqd.ai/previews/bold
Open

Live demo — an original page built in the Bold style. Open in new tab

Protone

Bold

A high-impact look built on oversized type, stark black-and-white contrast, and confident blocks of saturated color that refuse to whisper.

Install via CLI

$ npx staqd add bold
Brand landing pagesProduct launches and announcementsEditorial and campaign microsites

Inside this skill

Bold is a design system that treats restraint as the enemy. It leans on enormous display type, uncompromising black-on-white contrast, hard-edged geometry, and a tight palette of saturated primaries used as punctuation rather than decoration. Reach for Bold when the goal is to grab attention in the first half-second — launches, manifestos, campaign pages, and brands that would rather be remembered than be polite.

Design principles

  • Make type the hero: headlines should feel almost too large, never timid — when in doubt, go a size bigger.
  • Contrast over nuance — pure black #0A0A0A against pure white #FFFFFF is the default relationship; mid-grays are the exception, not the rule.
  • Color is a weapon, not wallpaper: deploy red, yellow, or blue in solid blocks, never gradients, and never more than two accent hues on one screen.
  • Edges are sharp. Zero corner radius everywhere; let rectangles be rectangles and let images crop hard.
  • Shadows are graphic, not atmospheric — hard offsets that read as drawn outlines, like a sticker peeling off the page.
  • Negative space is structural; a single idea per screen region with generous breathing room so the loud parts can shout.
  • Commit fully — a half-bold layout reads as a mistake. Every choice should feel deliberate and confident.

Bold is a Pro skill

Unlock the full Bold spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.

  • Every design skill, growing weekly
  • Full Pro prompt library + unlimited MCP
  • Commercial-use rights on output

Use it with these prompts

Hero section

Free

Build a hero in the Bold style: an oversized Archivo Black headline (clamp 3rem to 6rem) on a white background, one saturated red call-to-action button with a hard 6px black offset shadow and 0px radius, and a thin black rule dividing the section. No gradients, no soft edges.

Pricing grid

Pro
Unlock this prompt with ProUpgrade

Marketing nav + footer

Pro
Unlock this prompt with ProUpgrade