Styleguide v1.6
01. GRID SYSTEM (1208px Wrapper / 1168px Content)
20px Padding
68px
68px
68px
68px
68px
68px
68px
68px
68px
68px
68px
68px
2 Cols (168px)
7 Cols (686px)
3 Cols (268px)
02. COLORS
Primary

#1a3c34

Background

#FAF8F5

Text Main

#1A1A1A

Bronze Accent

#A67C52

Text Secondary

#505051

03. TYPOGRAPHY (Chivo / 4px Baseline)
Heading 1 Highlight

48px / 56px

Heading 2 Title

40px / 48px

Heading 3 Title

32px / 40px

Heading 4 Title

24px / 32px

Heading 5 Title

20px / 28px

Heading 6 Title

16px / 24px (Caps)

Body 1: Wealth is not just about accumulation; it is about preservation and strategic distribution. This is highlighted text in brand green.

20px / 32px

Body 2 (Default): Most financial plans fail not in the earning phase, but in the distribution phase. We help you see the blind spots.

18px / 28px

Body 3: This is a standard small text for secondary information or dense paragraphs.

16px / 24px

Eyebrow Text

12px / 16px

"Finally, someone who sees the whole picture."
04. LISTS (Boxed Style)
  • Where tax optimization may be falling through the gaps
  • Whether anyone's actually coordinating your accounts
  • What most advisors miss (and what it's costing you)
05. UI COMPONENTS
Buttons
Primary Button Secondary Button Disabled Text Link Action
Quiz Interactions
A Default Option State
B Selected / Active State
Forms & Progress
Progress Bar