CREpublic Component Library

Base UI components for the platform

Buttons

Variants

Sizes

States

Full Width

Form Inputs

Must be at least 8 characters

This field is required

You must accept the terms

Cards

Basic Card

This is a basic card with header and content.

Hoverable Card

This card has a hover effect. Try hovering over it!

Card with Footer

This card includes a footer section.

No Padding

This card has no padding, useful for images.

Badges

Variants

DefaultPrimarySuccessWarningErrorNeutral

Deal Statuses

DraftPending ReviewApprovedLivePausedClosedRejected

Sizes

SmallMedium

Typography

Display Text (48px)

Heading 1 (32px)

Heading 2 (24px)

Heading 3 (18px)

Body text (16px) - The quick brown fox jumps over the lazy dog. This is what regular body text looks like.

Small text (14px) - Used for secondary information and helper text.

Label Text (12px)

Color Palette

Forest

#1B4332

Copper

#C17F59

Warm White

#FFFEF9

Charcoal

#2C2C2C