VibeUI Logo
VibeUI
ExploreExtractMixerStyle PacksFavorites
Get Started
VibeUI Logo
VibeUI

Design ingredients for AI coding. Built for Cursor, Windsurf, and beyond.

Back to Explore
TypographyPro
4 export formats

Startup Grotesk

The ubiquitous modern startup tech stack. Bricolage Grotesque provides quirky personality to headings, anchored by DM Sans body text.

boldminimalfuturisticsaastechfinance

Typography Preview

Heading — "Bricolage Grotesque"

The quick brown fox

Body — "DM Sans"

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.

Heading"Bricolage Grotesque"
Body"DM Sans"
Line Height1.55

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Use a cutting-edge startup typography system targeting B2B SaaS. Headings use Bricolage Grotesque at 800 weight, bringing slight quirky character to huge display titles. Body text uses the highly structured DM Sans at 400 weight for dense UI and data grids. Apply tight letter spacing to all headers to maintain that modern VC-backed aesthetic. It conveys growth, iteration, and scale.
TypographyPro

Startup Grotesk

The ubiquitous modern startup tech stack. Bricolage Grotesque provides quirky personality to headings, anchored by DM Sans body text.

boldminimalfuturisticsaastechfinance

Typography Preview

Heading — "Bricolage Grotesque"

The quick brown fox

Body — "DM Sans"

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.

Heading"Bricolage Grotesque"
Body"DM Sans"
Line Height1.55

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Use a cutting-edge startup typography system targeting B2B SaaS. Headings use Bricolage Grotesque at 800 weight, bringing slight quirky character to huge display titles. Body text uses the highly structured DM Sans at 400 weight for dense UI and data grids. Apply tight letter spacing to all headers to maintain that modern VC-backed aesthetic. It conveys growth, iteration, and scale.