Design System Clean Base Responsive

neuro Design System

Clean tokens, class-driven typography, and a minimal component set ready to scale. This page demonstrates the current foundations.

Typography

Heading One

.h1

Heading Two

.h2

Heading Three

.h3

Body Large text for product storytelling.

Body Medium text for descriptions and UI copy.

Body Small text for helper notes.

Colors

Background

bg-bg

Surface

bg-surface

Surface 2

bg-surface-2

Accent

bg-accent

Success

bg-success

Warning

bg-warning

Inputs

Your name

Helper text for validation or guidance.

Work email

Default Info Muted

Cards

Layout Modules

Module

Primary layout with headline, description, and call-to-action.

Module

Three-column layout optimized for responsive scaling.

Module

High-contrast block to drive action and capture attention.

Spacing Scale

--spacing-5 (24px)

--spacing-7 (40px)

--spacing-9 (64px)

--spacing-11 (96px)