Ramp

Blocks

Flexible marketing sections built with the SectionBlock component. Configure with props, add custom content, and maintain consistency across your site.

Welcome to Ramp

Modern design system — pick three hues, get an entire OKLCH-based design language

Get StartedLearn More

Hero - Centered

Hero

Centered hero section with large title, subtitle, and two CTA buttons

HeroCTACentered

Design, Shipped

Build beautiful, accessible interfaces from a single package

Hero - With Image

Hero

Hero section with title, CTAs, and image/illustration in content area

HeroImageCTA

Ship Your Product Faster

Join teams shipping with Ramp DS

Hero - Gradient Background

Hero

Eye-catching hero with gradient background and centered layout

HeroGradientCentered

Frequently Asked Questions

Everything you need to know about Ramp

FAQ Section

FAQ

Frequently asked questions section with accordion-style content

FAQAccordionSupport

Ready to get started?

Join teams building with Ramp DS

CTA - Primary

CTA

Prominent call-to-action section with primary background color

CTAConversionPrimary

Have questions?

Our team is here to help you get the most out of Ramp

CTA - Muted

CTA

Subtle call-to-action section with muted background

CTAConversionSubtle

Why Choose Ramp?

Discover the features that make Ramp the leading generator-first design system

Feature 1

Description of the feature and its benefits

Feature 2

Description of the feature and its benefits

Feature 3

Description of the feature and its benefits

Content Section

Content

General content section with title and custom content slot

ContentFlexibleLayout