Vault Design System · v2

Forged for the wasteland

A rugged, industrial component system inspired by survival sandboxes. Stamped-steel surfaces, scorched charcoal, weathered type, and a molten rust accent — every component built custom, no UI framework.

Explore components
01 / Foundations

Brand & Tokens

The Vault identity: a salvaged metal mark, a scorched warm-neutral scale, and one molten rust accent. Headlines are stamped in Bebas Neue; body copy runs in Open Sans.

Vault logoVaultSalvage · Secure · Survive
Palette
Background--background
Card--card
Panel--panel
Rust--primary
Foreground--foreground
Muted--muted-foreground
Success--success
Warning--warning
Destructive--destructive
Typography
StockpileBebas Neue · Display

Open Sans keeps long-form copy legible across crafting menus, server browsers, and inventory panels.

Open Sans · Body
02 / Actions

Buttons

Stamped-steel controls with hard edges, uppercase labels, and an inset top highlight that reads like pressed metal. Six variants, four sizes, and full state coverage.

Variants
With icons
Sizes
States
03 / Forms

Text Fields

Inset panel inputs with a rust focus ring, leading and trailing addons, and explicit validation states for hostile conditions.

Shown to other survivors on the server.

IP

PIN must be at least 4 digits.

04 / Inputs

Selection Controls

Checkboxes, radios, switches, a segmented toggle, and a stamped slider — all keyed to the rust accent when active.

Checkboxes
Switches
Server type
View mode
64%
06 / Overlays

Modals & Feedback

A portalled modal with a blurred backdrop, an anchored popover, hover tooltips, and stacking toasts — all hand-built with no overlay library.

Triggers
Toasts
07 / Status

Feedback & Badges

Alerts, status badges, progress meters with an optional hazard-stripe fill, and loading skeletons for radio chatter and inventory loads.

Badges
NeutralOnlineAuthorizedDecayingRaidedOffline
Furnace smelting72%
Research progress45%
Data Display

Tabs, tables & containers

Structured surfaces for organizing dense information — built on the same riveted panel language.

OperatorClearanceStatusAction
SRSgt. ReyesAdminOnline
VKV. KowalskiOperatorOnline
DOD. OkaforOperatorIdle
MLM. LindqvistViewerOffline

Standard

For solo operators securing personal caches.

$05 GB encrypted vault
Popular

Raid

For squads running shared infrastructure.

$24/mo500 GB + audit logs

Clan

For organizations with compliance needs.

CustomUnlimited + SSO