DESIGN SYSTEM

UI Elements

A collection of reusable components and styles used across the SoftBuilders platform.

Typography

Heading H1 - 2.5rem

Heading H2 - 2rem

Heading H3 - 1.75rem

Heading H4 - 1.5rem

Heading H5 - 1.25rem
Heading H6 - 1rem

This is a standard paragraph element. It uses the default font size and line height for optimal readability. This is a text link.

This is small text, usually used for disclaimers or fine print.

Colors

Primary
Secondary
Accent
Card
Dark
Success
Warning
Danger

Buttons

Primary Button Secondary Button Outline Button

Cards & Features

Feature Card

Standard feature card used on landing pages.

Highlight Card

Feature card with accent color border for emphasis.

Success Card

Indicates a completed action or positive status.

Form Elements