Base · SAHI Design System

SAHI Design System

Base

The component library and design foundations for SAHI on the web. Monochrome-first, with Capital Purple as the single accent. Browse the foundations, download assets, and copy component code straight from the Code tab.

41 components100 icons8 categoriesLight & dark

Foundations

Colors

Tokens, palette and tonal scales

Open →

Typography

Type scale and downloadable fonts

Open →

Materials

Radii, shadows, strokes and fills

Open →

Grid

12-column layout and spacing

Open →

Design.md

The whole foundation as one Markdown file

Open →

Assets

Icons

100 Phosphor icons · copy SVG

Open →

Logo

Brand mark · SVG and PNG

Open →

Components

UI Primitives

15

Button, Input…

Open →

Shared

2

Asset, BreadCrumbs

Open →

Section Components

4

HeadingSection, SectionText…

Open →

Blog

6

BlogCardBig, BlogCardLong…

Open →

Product

2

FeatureCard, BuySellBadge

Open →

Page Sections

8

AboutBanner, TrustSection…

Open →

Calculators

4

BrokerageCalculator, ContractNoteDetail…

Open →