Vibary.ai
← All UI styles

Old Money Club

Club stationery: navy ink on cream, gold rules doing the separating, buttons outlined like a crest and never filled.

RulededitorialPrivate banking and wealthMembers clubsHeritage fashion

Construction · Ruled

There are no cards. A rule above a block announces it, spacing separates it, and nothing is ever enclosed.

Every style renders this same screen, so the only thing changing between two of them is the style. The component above is the file below, running.

Prompt

Design this interface in the Old Money Club style. A member's club letterhead: navy ink on cream, gold rules doing the separating, engraved-feeling capitals for labels. Wealth here is restraint — nothing shines, nothing

The numbers in this prompt are printed from the tokens below, so it cannot drift from what the specimen renders.

What carries the look

  • gold rules on cream
  • navy ink text
  • outlined crest buttons
  • engraved capitals

What this style refuses

  • saturated color anywhere
  • filled buttons
  • pill shapes and large radii
  • drop shadows
  • novelty display faces

The refusals are the half that keeps generated interfaces from converging — a prompt that only says what to add gets the default look.

Tokens

Palette

RoleLightDark
Background#f6f1e4#141a28
Surface#fbf7ec#1b2334
Border#b4924c#8a7340
Text#1d2a44#e9e2cf
Muted text#4e5a72#a6a08c
Accent#1f4d3a#d7b46a
On accent#f6f1e4#141a28

Shape and type

Radius2 / 4 / 8 px
Border1px solid
Shadownone
DisplayBaskerville
BodyBaskerville
MonoCourier New
Type scale10 · 13 · 15 · 17 · 22 · 32 px
Weights400 / 600 / 700
Line height1.55
Tracking0.02em
Spacing4px grid · roomy
Surfaceflat
Accentoutline
Separatorrule
Labelsuppercase
Blurnone

Measured contrast — body 12.69:1 light, 13.45:1 dark; secondary text 6.15:1 and 6.65:1. Every pair clears WCAG AA in both themes, checked on each build.

Specimen · Specimen.tsx

import type { CSSProperties } from "react";

/**
 * Vibary · Old Money Club
 *
 * Club stationery: navy ink on cream, gold rules doing the separating, buttons outlined like a crest and never filled.
 *
 * One complete product screen, rendered from the token object below —

Nearby styles