vaultline · mdxui

Ledgerhouse wears vaultline. Light only by this Theme’s policy.Open the whole page

Best for. Firms and publications that sell trust through reading: a practice, a weekly letter, a report. An editorial serif on warm paper, with plated offers, light in every scheme.

Swatches

resolveTokens(THEMES.vaultline.theme)Light only by this Theme’s policy

Contrast is the WCAG 2 ratio of each pair, computed from the published values. Body text needs 4.5:1 (AA); a rule is not text and gets no level. Click a chip to copy its custom property.

Every value as a table

From resolveTokens(THEMES.vaultline.theme) in @mdxui/themes@7.0.0-alpha.0.

Role	Light
`paper`	`#F2F0E9`
`panel`	`#FBFAF6`
`ink`	`#16150F`
`ink-soft`	`#3B382F`
`rule`	`#DAD6C9`
`rule-soft`	`#E6E2D8`
`accent`	`#1E4D36`
`accent-ink`	`#F2F0E9`
`plate`	`#16150F`
`plate-ink`	`#F2F0E9`
`plate-rule`	`#34322A`
`pass`	`#2F7A54`
`warn`	`#E0B44A`
`fail`	`#E0876F`

Typefaces

DisplayNewsreader--display · loaded by head

The page holds whatever the agent writes.

TextPublic Sans--sans · loaded by head

A Theme is a Brand’s tokens plus its render policies. Change one word in the record and every page redraws in these typefaces: 0123456789.

MonoIBM Plex Mono--mono · loaded by head

"theme": "vaultline"  →  renderPage(page, { theme })

As a table

Role	Typeface
Display	Newsreader
Text	Public Sans
Mono	IBM Plex Mono

The head lines load Newsreader, Public Sans and IBM Plex Mono.

Policies

Four policies change the markup a page renders. Each pair below holds the tokens still and changes the markup.

Policy	Value
Dividers	`rule`, after article `none`
Markers	off
Featured plan	`plate`
Icons	`image`
Scheme	`auto`, light only

Dividers

dividers rulevaultline, as published

dividers nonedirectory’s markup in vaultline’s tokens

Both frames show the first sections of the home page, in vaultline’s tokens and typefaces. vaultline and directory also differ in icons, which shows here too. Their featured policy differs as well, and has nothing to draw on this section.

Markers

markers offvaultline, as published

markers oncertificate’s markup in vaultline’s tokens

Both frames show a steps section, whose eyebrow takes a marker, in vaultline’s tokens and typefaces. Nothing else this section draws differs. Their dividers, featured and icons policies differ as well, and have nothing to draw on this section.

Featured plan

featured platevaultline, as published

featured ruledirectory’s markup in vaultline’s tokens

Both frames show a pricing section with one featured plan, in vaultline’s tokens and typefaces. Nothing else this section draws differs. Their dividers and icons policies differ as well, and have nothing to draw on this section.