Borders & radius
Hairline strokes, the six-step radius scale and divider helpers — the geometry that gives Aurora its soft-glass edges.
--ax-radius-*
Radius scale
From crisp checkboxes to fully-round pills. Click a tile to copy its token.
Stroke
Width & color
Two stroke tokens cover 99% of cases.
Visible widths
CSS
Border styles
Solid for structure; dashed for drop-zones & placeholders.
.ax-divider
Dividers
Hairline separators in three flavors.
.ax-divider
.ax-divider--strong
.ax-divider--vertical
Drafts
Scheduled
Published
In context
Edge treatments in the wild
How radius + stroke + glass highlight combine on real surfaces.
Card · xl
24px radius + hairline + top glass highlight.
Drop files
Pill · 999px