The visual language of Advisory Suite: deep teal ink on warm paper, punctuated with brass. A brand that feels like a trusted advisor's office — considered, calm, and precise with money.
01 · Brand essence
Personality & voice
Advisory Suite is a tool for financial advisors managing client relationships. The brand must read as professional but human — never fintech-cold, never playful-casual.
We are
Considered · Trustworthy · Warm · Precise · Understated. Like a well-bound ledger on a wooden desk.
We are not
Flashy · Gamified · Neon · Crypto-bro · Corporate-stale. No gradient hype, no emoji confetti, no jargon.
02 · Color
Palette
Ink teal is the anchor (sidebar, primary buttons, headings). Warm paper carries the canvas. Brass is the single accent — use it sparingly for focus, active states, and highlights.
Core — ink & canvas
Ink Deep--ink-deep · #072426
Ink--ink · #0B3B3C
Ink Light--ink-2 · #0E4749
Paper--paper · #F6F2E8
Card--card · #FFFDF8
Line--line · #E2D9C4
Accent
Brass--brass · #A97C3F
Brass Light--brass-2 · #C99A55
Brass Soft--brass-soft · #F1E4CE
Sage--sage · #6E8273
Semantic
Good--good · #2F7D5C
Warn--warn · #B24C36
Info--info · #3E6B7A
Purple--purple · #6C5B9E
03 · Typography
Typefaces
Fraunces (serif) for headings — editorial, warm authority. IBM Plex Sans for UI and body — clean, humanist. IBM Plex Mono for numbers, currency, and codes — tabular precision.
Fraunces 600 · 32px
Net Worth Overview
Fraunces 600 · 24px
Liquidity Gap Analysis
Fraunces 600 · 18px
Fixed assets & commitments
Plex Sans 400 · 14.5px
The client's liquid assets cover 8.2 months of projected needs, comfortably above the 6-month emergency threshold recommended for their archetype.
Plex Mono 600 · 13px
₹ 1,24,50,000 · 12.4% XIRR · AUM ₹ 4.2 Cr
04 · Components
Core elements
Buttons
Radius 9px · 600 weight · one primary per view
Badges & risk tiers
ConservativeModerateAggressiveOn trackDraftLegacy
Pill shape · 11px · soft background + deep text
Inputs
1px line border · brass focus ring · monospace numerals preferred
Figure callouts
Total liquidity gap
+ ₹ 3,84,200 / yr
Brass left rule · Plex Mono figure · serif never for numbers
05 · Layout
Shell & sidebar
The dark ink sidebar is the brand's strongest signature — it should survive the rebuild unchanged. 262px wide, gradient from Ink Deep to near-black, cream text, brass active state.
Advisory Suite
Rajesh Kumar2
Meera Iyer
Arjun & Family1
Lakshmi N.
Layout rules
Sidebar 262px, sticky, always visible (drawer on mobile)
Cards on --card, canvas on --paper
Radius: 14px cards, 9px controls, 99px pills
Shadow: soft, low-opacity ink — never harsh
12 client tabs remain a single horizontal rail
06 · Rules
Do & don't
Do use brass for one focal element per screen (active tab, focus, primary highlight).
Do render all currency and percentages in IBM Plex Mono for scannability.
Do pair every semantic color with its soft variant background (e.g. warn text on warn-soft).
Don't introduce new hues; purple and sage are reserved for archetypes and secondary tags only.
Don't set numbers in Fraunces — serif figures read as decorative, not financial.
Don't use pure white #FFFFFF as a background; card is warm-tinted by design.