Manifest
Empties the canvas to edge-to-edge white, black-only UI, and pure type.
- Version
- v1.0.0 · Updated Jul 18, 2026
- Context
- ≈1,266 tokens
- Security
- ✓ scanned
- License
- Single seat
- Works with
- Claude Code, Cursor, Codex
Checkout opens soon · launches at $9
≈1,266 tokens · v1.0.0
Live demo — an original page built in the Manifest style. Open in new tab
About this skill
Manifest design is a radically minimal blank-canvas style with edge-to-edge white space, black-only UI elements, pill-shaped interactions, no shadows or gradients, and typography-led hierarchy. Its live demo renders a personal portfolio — intro, selected work, about, and contact.
The skill file
Manifest is a radically minimal, blank-canvas style where edge-to-edge white space is the dominant material and black is the only UI color. There are no shadows, no gradients, and almost no borders; hierarchy is carried entirely by typography, scale, and the deliberate placement of emptiness. The feeling is confident, premium, and quiet, the digital equivalent of a clean printed page or a gallery wall. Reach for Manifest when you want the content and a single bold idea to command full attention without any visual noise.
Design principles
- White space is the primary design element; emptiness is intentional, not unfinished.
- Black-only UI: every interactive and structural element is pure black or pure white.
- No shadows, no gradients, no decorative color; separation comes from space and hairlines.
- Pills are the signature shape for all interactive elements.
- Typography leads everything; scale and weight create the entire hierarchy.
- Restraint over ornament: if an element does not carry meaning, remove it.
Color
The canvas and all surfaces are pure white (#FFFFFF). The only ink is pure black (#000000), used for text, fills, and all interactive elements. There is no accent color in the traditional sense; black is the accent. Muted secondary text uses a single neutral gray (#9B9B9B), and the rare divider is a near-invisible hairline (#E2E2E2). A very light fill (#F2F2F2) is available for subtle input backgrounds when absolutely needed. In dark mode the system inverts cleanly: canvas becomes pure black (#000000), ink becomes white (#FFFFFF), muted text shifts to #7A7A7A, and hairlines to #262626. No third color is ever introduced in either mode.
Typography
A single neo-grotesque family (Inter or Neue Haas Grotesk) does the entire job. Display headings run very large at weights 600 to 800 with tight tracking (-0.03em) to feel architectural. Body stays small and calm at 16px with 1.55 line-height and weight 400. Metadata and labels use a monospace (Berkeley Mono) for quiet contrast. The scale is dramatic at a 1.5 ratio (16, 24, 36, 54, 81) so the jump from body to display is striking. Lean on this size contrast, not color, for emphasis.
- Layout & spacing
- Components
- Motion
- Accessibility
- Use it with your AI tool
Preview ends here
Layout & spacing, Components, Motion, Accessibility & Use it with your AI tool unlock when checkout opens. Get notified
What's inside
- SKILL.md5.0 KB
More in Design
View allEditorial Pack
Collects the editorial cluster — typography-led, content-first pages in one install.
Design Systems Pack
Bundles every aesthetic design system in one install — switch styles per project.
Fiction
Illustrates children's-book warmth with bold outlines and saturated color.
Arcade
Presses chunky pixel buttons and rainbow shadows into arcade-cabinet fun.
More from @staqd
View profileEditorial Pack
Collects the editorial cluster — typography-led, content-first pages in one install.
Design Systems Pack
Bundles every aesthetic design system in one install — switch styles per project.
Fiction
Illustrates children's-book warmth with bold outlines and saturated color.
Arcade
Presses chunky pixel buttons and rainbow shadows into arcade-cabinet fun.