Colors

Full semantic colour range — surfaces, foregrounds, borders, and status states.

Brand

brand-primary
#111111
brand-accent
#ff9900
accent-subtle

Neutrals

0
#fff
50
#f3efeb
100
#e9eaeb
200
#d8d3cc
400
#8a8a87
500
#615e5b
600
#383837
700
#1e1e1d
800
#111111

Semantic

success
#22c55e
warning
#f59e0b
error
#ef4444
info
#3b82f6

Typography

Primary family: Geist. Mono: Geist Mono. Switch fonts using the header selector.

--font-size-6xl
clamp(40px, 3.75em)
Display
--font-size-5xl
clamp(32px, 3.5em)
Heading 1
--font-size-4xl
clamp(28px, 2.5em)
Heading 2
--font-size-3xl
clamp(24px, 2em)
Heading 3
--font-size-xl
clamp(20px, 1.5em)
Heading 4
--font-size-lg
clamp(18px, 1.25em)
Body large — The market's long-term trajectory rewards those who invest with clarity.
--font-size-sm
1rem / 16px
Body — Disciplined allocation, compounding returns, and consistent strategy are the cornerstones of wealth.
--font-size-xs
clamp(14px, 0.875em)
Caption — Past performance does not guarantee future results.
--font-size-micro
clamp(13px, 0.8125em)
Label / Overline
--font-family-mono
Geist Mono
+18.4%

Spacing

4px base grid. Tokens: --space-1 through --space-36.

--space-1 / 4px
--space-2 / 8px
--space-3 / 12px
--space-4 / 16px
--space-6 / 24px
--space-8 / 32px
--space-10 / 40px
--space-12 / 48px
--space-16 / 64px
--space-20 / 80px
--space-24 / 96px
--space-30 / 120px

Elevation

Shadow tokens. The source site uses flat cards with no shadow by default.

none
xs
sm
md
lg
xl
2xl

Radius character

none
sm 4px
md 8px
lg 12px
xl 20px
2xl 28px
full 9999

Motion

Easing curves extracted directly from the site's CSS. Hover each dot to preview the curve.

--ease-out-1cubic-bezier(0.65,1,0.90,1)
--ease-out-3cubic-bezier(0.33,1,0.68,1)
--ease-out-5cubic-bezier(0.22,1,0.36,1)
--ease-inout-3cubic-bezier(0.65,0,0.35,1)
--ease-inout-5cubic-bezier(0.83,0,0.17,1) — primary UI transition
--ease-inout-4cubic-bezier(0.76,0,0.24,1) — modal

--duration-fast

150ms

--duration-normal

300ms

--duration-slow

600ms

--duration-slower

800ms

Button

Pill-shaped (160px radius) by default — matches extracted border-radius from source. 4 variants, 4 sizes, loading and disabled states.

Input

Text, search, select, textarea. Pill-shaped radius matches button. Transition extracted: border-color 300ms ease-inout-4.

We'll never share your email.

Card

Extracted: background #f3efeb, radius 20px, padding 28px. Hover triggers border-color transition.

Feature

Intelligent allocation

Algorithms continuously rebalance your portfolio for optimal risk-adjusted returns.

Market insights

Weekly perspectives from our investment team covering macro trends.

Exclusive

Pro membership

Advisor access, custom strategies, priority execution.

Badge

Status indicators, labels, and semantic variants. Dot indicator via .has-dot modifier.

Default Accent Success Warning Error Info Outline Dark

Nav

Sticky header with 88px height (extracted). Scroll-shadow activates at 60px. Link hover uses pill background.

Modal

Overlay with backdrop blur. Slide-in transition: opacity + translateY 800ms ease-inout-4. Click outside or Escape to close.

Toast

Slide in from right. Auto-dismisses after 4 seconds. 5 variants: default, success, error, warning, info.

Accordion

FAQ pattern. Grid row transition: 600ms ease-inout-5. Exclusive (one open at a time) by default.

Our minimum investment is $10,000 for the standard portfolio. Qualified investors with $1M+ can access our private strategies with no minimum.

We charge a flat annual management fee of 0.75% on assets under management. There are no transaction fees, hidden fees, or performance fees.

Yes. Withdrawals are processed within 2–3 business days with no early withdrawal penalties. We believe in giving you full control of your capital.

Product Card

Investment strategy cards. Image scale on hover, lift via translateY + shadow.

Growth Active

Equity

Growth Portfolio

Diversified global equities for long-term capital appreciation.

Income New

Fixed Income

Income Plus

High-yield bonds and dividend equities for steady income.

Preserve

Multi-Asset

Capital Preserve

Conservative allocation protecting purchasing power.

Breadcrumb

Pagination

Avatar

JS
JD
AK
NW

Divider

Default


Thick


Accent


With label

or continue with

Skeleton

Loading state shimmer animation. Matches card and image border radius.