SCW · Design

Foundations

Tokens, typography, and primitives that power every screen. Warm ivory ground, charcoal type, a single terracotta accent — restrained, editorial, and ready to translate.

Type scale

Display · The measured signal

Heading · Considered, quiet, calm

Body · Text renders in Geist for Latin, Noto Sans Sinhala (සිංහල), Noto Sans Tamil (தமிழ்) — the browser reaches for each per glyph.

Muted · Meta and helper text sits back from the surface.

Palette

background

foreground

muted

primary

secondary

border

danger

success

Buttons

Form primitives

Password

I agree to the Terms

Marketing emails

Overlays

Card

Composed card

Header, description, content, footer.

A card is the neutral container. It holds meaning at a glance and steps back from the type inside it.

Second surface

Same tokens, different content.

Uniform radius, uniform stroke, uniform quiet.