Lean Research

Brand Guidelines

The official design system and brand assets for the Lean Research platform. Typography, color palettes, and component styles — all in one place.

Primary Font
PJS
Brand Colors
12
Radius
0px
Version
1.0
Foundation

Color Palette

Our primary brand color is vivid blue. The rest of the palette consists of deep darks for authority and crisp grays and whites for clarity.

Brand Colors
Blue Vivid
#1A5CFF — Primary
Blue Bright
#2E74FF — Hover
Blue Electric
#4B8BFF — Accent
Blue Dark
#0F2D6E — Deep
Background & Base
BG Primary
#F4F5F7
BG Card
#FFFFFF
BG Dark
#0A0F1A
BG Dark Card
#0D1626
Grays & Text
Text Dark
#0D1626 — Headings
Text Body
#3C4452 — Body
Gray 400
#9AA3B0 — Muted
Border
#E2E5EA — Border
Foundation

Typography

Our primary typeface is "Plus Jakarta Sans". Modern, clean, and highly legible — it conveys professionalism while staying approachable.

font-family
:
'Plus Jakarta Sans'
, sans-serif;
src
:
fonts.googleapis.com/css2?family=Plus+Jakarta+Sans
weights
:
400, 500, 600, 700, 800
H1 — 64px / 800 Weight / −1.5px Tracking
Strengthen Your Investment Research
H2 — 48px / 800 Weight / −1px Tracking
Deep expertise across sectors
H3 — 32px / 700 Weight / −0.5px Tracking
AIFA Platform
Body — 16px / 400 Weight / 1.75 Line Height

We embed the best offshore investment research analysts into your team. Enhance your research capabilities faster, smarter, and more affordably. Stay ahead with automated alerts for earnings, regulatory changes, and market-moving events.

UI Elements

Buttons & Interactions

Button styles use sharp 0px radiuses to match the decisive, precise aesthetic of Lean Research. All hover states include a subtle upward lift.

Light Background
Standard Primary
14px / 600 / 10×20px padding
Hero Primary →
15px / 600 / 13×26px padding
Dark Background
Hero Primary →
Vivid Blue fill
Secondary Outline
1px border / rgba overlay hover
Design System

UI Components

Examples of primary card elements, feature blocks, and layout treatments. Hover states on all cards to see interactive behavior.

Light

Standard Card (Light)

Background is white, border is light gray, text uses standard body color. Hovering slightly lifts the card and changes the border to vivid blue.

Dark

Dark Card Element

Used on dark backgrounds like the hero section and industries grid. Background is #0a0f1a, with low-opacity borders for a subtle clean look.