style-pack-modern-b2b-saas

A style pack for the design direction: modern B2B SaaS. Chosen by name in design.md.

The look

• Type: compact, a clear scale for headings, labels and data; medium weights.
• Colour: dark surfaces where the system allows, with a restrained accent and clear status colours.
• Spacing: compact, more tightly packed than a consumer product, but with clear grouping.
• Radius: not too rounded; small to moderate, never pill-shaped except tags.
• Density: medium-high.
• Motion: minimal and fast; fades and short slides.

Do and don't

• Do: keep navigation persistent, actions near the data, and states (loading, empty, error) visible.
• Don't: use large soft corners, oversized padding or playful illustration.

Within the design system

This pack never overrides a token and never replaces a component. It guides the choices the design system leaves open: layout, hierarchy, spacing between groups, emphasis and imagery. How far those choices may depart from today's screens is the departure latitude in design.md; the pack works inside that latitude. Where the system already decides something, the system wins.