VaultLine
Institutional, navy-and-gold, established — heritage you can bank on. VaultLine is a design system for traditional banking and wealth management portals. It draws on the visual language of established financial institutions: deep navy foundations, restrained gold accents, and serif headlines that convey authority and permanence. The system prioritizes trust, clarity, and conservative elegance over trendy aesthetics. Subtle shadows and minimal radii reflect an institution that values substance over decoration.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 8pxInstitutional, navy-and-gold, established — heritage you can bank on. VaultLine is a design system for traditional banking and wealth management portals. It draws on the visual language of established financial institutions: deep navy foundations, restrained gold accents, and serif headlines that convey authority and permanence. The system prioritizes trust, clarity, and conservative elegance over trendy aesthetics. Subtle shadows and minimal radii reflect an institution that values substance over decoration.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
List Item
Default
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here