Investing & Trading Website Design Examples

20 real sites · 550 sections

There are 20 investing & trading website designs here — live sites that cover investing, trading or wealth, including N26, Public, AngelList, Kraken and StockX — cut into 550 sections. 70% use a light theme and 30% a dark one; the most common headline fonts are N26 Extended (1), Denton (1) and Angellist Display (1). 12 of 20 open with a hero, 1 show pricing on the homepage and 3 carry testimonials.

At a glance

Sites
20
Sections captured
550
Light / dark
70% light · 30% dark
Top heading fonts
N26 Extended (1), Denton (1) and Angellist Display (1)
Accent colours
blue 8neutral 6purple 3
Most common sections
features (19), statement (14), hero (12) and faq (12)
Top industries
Finance (15) and Crypto & Web3 (2)
Award winners
6 of 20
Filter

Colour family

Exact colour

Matched by perceptual (OKLab) distance to each palette and the colours measured in the capture.

What makes a good investing & trading website design

Investing and trading sites sell confidence with money: supported assets, fees, security and regulation, educational content and a product that looks calm under volatility.

What these 20 investing & trading websites have in common

Measured from the captures, not opinion — use it to plan a investing & trading website against what already works.

Sections they use

19 include features, 14 include statement, 12 include hero and 12 include faq. 12 answer objections with an FAQ and 8 (40%) close with a dedicated call to action. Read top to bottom, the most common running order is hero → features → footer → statement → call to action. Compare them side by side: features section examples, statement section examples, hero section examples.

Type and colour

Light layouts lead (70% vs 30% dark). Headlines are most often set in N26 Extended (1), Denton (1) and Angellist Display (1). The most common accent hues are blue (8), neutral (6) and purple (3). Every example lists its exact fonts and hex palette on its page.

Page length

The average homepage here is about 8,327px tall at desktop width — roughly 9 screens of scrolling, with Public the longest at 11,000px. Open any site to scroll the full-page capture and see where each section falls.

20 investing & trading website designs worth studying

  • AngelList — “How GPs manage their funds, investors invest in startups, and capital moves between them.” 36 sections, headlines in Angellist Display, light theme, palette #001d21 and #ffffff; the homepage runs hero → features → footer.
  • N26 — “N26 is the first bank you'll love. Beautifully simple, 100% mobile, and trusted by millions. Open your free bank account in minutes.” 16 sections, headlines in N26 Extended, light theme, palette #1b1b1b and #ffffff.
  • Public — “Trade stocks, bonds, options, ETFs, crypto, and treasuries. Build AI trading agents. Access IRAs, direct indexing, high-yield cash, margin, and API trading all in one platform.” 61 sections, headlines in Denton, light theme, palette #000000 and #ffffff; the homepage runs hero → features → call to action.
  • Kraken — “Own the power of your money with Kraken. Trade crypto, stocks, futures, staking and more. Trusted by millions worldwide since 2011. Get started today.” 38 sections, headlines in Kraken Brand, light theme, palette #f6f5f9 and #7132f5; the homepage runs hero → statement → features → statement.
  • Wealthfront — “Wealthfront makes building wealth easy. Earn 3.55% APY on your uninvested cash and invest in expert-built, automated portfolios of stocks, bonds, and ETFs.” 34 sections, headlines in Calibre, light theme, palette #4840bb and #ffffff; the homepage runs hero → statement → features → faq.
  • Mont Fort — “We are a global commodity trading company and asset investment company that trade in physical commodity, small commodity, downstream oil in UAE, Singapore, Switzerland.” 13 sections, headlines in Century Gothic, light theme, palette #ffffff and #2d628c.

How to use these references for a investing & trading website

Show fees and supported assets plainly, put regulatory and protection details near sign-up and use real app screens rather than abstract charts. Start with N26, Public and AngelList, open each site at full size and compare their features and statement sections; every reference carries its palette, fonts and a build prompt you can paste into your editor.

Related searches

Browse all websites or the full A–Z of popular searches.

How this list is built: 20 sites from the UIDiscovery library that cover investing, trading or wealth, matched on each product's own title, description and headline copy, captured styles, colours and fonts. Ordered by popularity.

Library updated