Northstar / SYSTEM
Design system
A shared language for every experience. Find the right token, inspect its use, and keep the system in sync.
15 tokens 6 color values Current version · 2.4
COLOR PALETTE
Colors 6
FOUNDATIONS
Northstar / SYSTEM
A shared language for every experience. Find the right token, inspect its use, and keep the system in sync.
COLOR PALETTE
color.neutral.canvascolor.brand.claycolor.neutral.cloudcolor.brand.primarycolor.neutral.inkcolor.brand.mossFOUNDATIONS
type.bodyDefault reading style for product and editorial content.type.displayDisplay face for expressive, short headlines.shadow.floatSubtle elevation for floating menus only.type.labelCompact labels and interface metadata.radius.mdContent surfaces and menus.radius.smButtons, inputs and compact controls.space.2Tight grouping and icon-to-label spacing.space.4Default component inset and list rhythm.space.8Section spacing and page rhythm.