Investor Summit 2026 — Style Guide

Logo & Lockups

The wordmark is always used as the supplied files, never recreated in text. SVG masters at the domain root; PNG variants (mono, colour, vertical lockups) in assets/logos/. Minimum clearspace equals the height of the "i" in "investor". Never rotate, recolour or compress; on midnight always use the white variant.

Wordmark

White on dark (hero, video, proposal covers) · SVG

Black on light — master source · SVG

Black on mint surfaces · SVG

Vertical lockups & rasters

Vertical lockup, dark · PNG · alt

Vertical lockup, light (square profiles: 470px on 1080×1080) · PNG · alt

Full colour, dark · PNG · light: PNG

Mono rasters for tools without SVG · dark · white

Everything in one bundle: investor-summit-logos-2026.zip. Minimum sizes: site nav 32px, proposal covers 90px, social templates 75–90px.

Brand Colors

The core brand palette. Midnight and Navy anchor the brand, Ocean and Sky provide accent depth, Mist and Mint are light tones, Vermillion is the primary CTA, and Amber is the warm accent.

Midnight

#0A2342

--midnight

Navy

#134074

--navy

Ocean

#2A6F97

--ocean

Sky

#5FA8D3

--sky

Mist

#A8DADC

--mist

Mint

#F1FAEE

--mint

Vermillion

#E63946

--vermillion

Amber

#F4A261

--amber

Neutral Scale

White

#FFFFFF

--neutral-0

Neutral 50

#F7F8F9

--neutral-50

Neutral 100

#EDEDEF

--neutral-100

Neutral 200

#DCDCE0

--neutral-200

Neutral 300

#C4C4CA

--neutral-300

Neutral 400

#9E9EA7

--neutral-400

Neutral 500

#718096

--neutral-500

Neutral 600

#5C5C66

--neutral-600

Neutral 700

#3F3F47

--neutral-700

Neutral 800

#27272D

--neutral-800

Neutral 900

#141417

--neutral-900

Semantic Colors

Semantic tokens map to specific UI roles. Use these instead of raw color values.

Backgrounds

Token	Value	Usage
`--bg-primary`	#FFFFFF	Default page background
`--bg-secondary`	#EEF4F8	Alternating sections
`--bg-tertiary`	#E8F1F5	Hover states, subtle fills
`--bg-inverse`	neutral-900	Dark backgrounds
`--bg-brand`	navy	Brand sections
`--bg-brand-dark`	midnight	Hero, dark sections
`--bg-subtle`	#E3F2F5	Icon backgrounds, light fills

Text

Token	Value	Usage
`--text-primary`	midnight	Headings, body text
`--text-secondary`	neutral-500	Supporting text, labels
`--text-tertiary`	#6B8CAE	Subtle labels
`--text-inverse`	#FFFFFF	Text on dark backgrounds
`--text-accent`	ocean	Accent text
`--text-link`	ocean	Links
`--text-muted-on-brand`	mist	Body text on brand backgrounds

Interactive

Token	Value	Usage
`--interactive-primary`	vermillion	Primary buttons, CTA
`--interactive-primary-hover`	#C7303B	Primary hover
`--interactive-secondary`	mist	Secondary buttons
`--interactive-accent`	amber	Warm accent actions
`--interactive-disabled`	neutral-100	Disabled state background

Status

Token	Value	Usage
`--status-success`	#357016	Success text/icons
`--status-success-light`	#F0FAE9	Success background
`--status-warning`	#8A6200	Warning text/icons
`--status-warning-light`	#FFF8E6	Warning background
`--status-error`	vermillion	Error text/icons
`--status-error-light`	#FDF2F2	Error background
`--status-info`	ocean	Info text/icons
`--status-info-light`	#E3F2F5	Info background

Typography

Onest is the sole typeface across the site — display, headings, and body. JetBrains Mono is used for monospace/code contexts.

Font Families

Token	Stack	Usage
`--font-display`	Onest, system-ui, sans-serif	Hero titles, large display text
`--font-heading`	Onest, system-ui, sans-serif	Section headings, card titles
`--font-body`	Onest, system-ui, sans-serif	Body copy, descriptions
`--font-mono`	JetBrains Mono, Fira Code, monospace	Code, technical labels

Samples

Display — Hero Title

Investor Summit 2026

clamp(2.5rem, 5vw, 4.5rem) · 700 · -0.03em tracking · 1.08 line-height

Section Title

A Day of Investment Insight

clamp(--text-2xl, 3vw, --text-3xl) · 700 · -0.035em tracking · 1.15 line-height

Section Overline

What to Expect

0.75rem · 600 · uppercase · 0.12em tracking · color: ocean (amber on dark)

Section Description

After a successful debut that brought more than 330 delegates to The Brewery in 2025, Investor Summit returns bigger and more ambitious.

1.125rem (--text-md) · 400 · 1.5 line-height · max-width 640px · color: --text-secondary

Body / Prose

The Brewery is one of London's most distinctive event venues, combining Georgian heritage architecture with modern conference facilities. The exposed timber roof of the Porter Tun, antique wooden floors, and barrel-vaulted ceilings create a unique atmosphere.

1rem (--text-base) · 400 · 1.7 line-height · max-width 680px

Card Title

Insightful Keynotes

1.125rem (--text-md) · 600

Card Description

Hear from leading fund managers, economists, and market commentators on the trends shaping investment landscapes.

0.875rem (--text-sm) · 400 · 1.5 line-height · color: --text-secondary

Button Text

Buy Tickets

1rem (--text-base) · 600 · Large: 1.125rem · Small: 0.875rem

Type Scale

Aa --text-6xl · 72px

Aa --text-5xl · 56px

Aa --text-4xl · 44px

Aa --text-3xl · 36px

Aa --text-2xl · 28px

Aa --text-xl · 24px

Aa --text-lg · 20px

Aa --text-md · 18px

Aa --text-base · 16px

Aa --text-sm · 14px

Aa --text-xs · 12px

Spacing

A consistent spacing scale based on 4px (0.25rem) increments. Used for padding, margins, and gaps.

--space-1 4px

--space-2 8px

--space-3 12px

--space-4 16px

--space-5 20px

--space-6 24px

--space-8 32px

--space-10 40px

--space-12 48px

--space-16 64px

--space-20 80px

--space-24 96px

--space-32 128px

Border Radius

0
none

4px
sm

8px
md

12px
lg

16px
xl

full

Token	Value	Usage
`--radius-sm`	4px	Small elements, tags
`--radius-md`	8px	General elements
`--radius-button`	6px	Buttons
`--radius-input`	8px	Form inputs
`--radius-card`	12px	Cards, panels
`--radius-lg`	12px	Large containers
`--radius-xl`	16px	Feature sections
`--radius-full`	9999px	Badges, avatars, pills

Shadows

sm

md

lg

xl

glow

amber

Token	Value	Usage
`--shadow-sm`	`0 1px 2px rgba(10,35,66,0.05)`	Subtle depth
`--shadow-md`	`0 4px 12px rgba(10,35,66,0.08)`	Button hover, popups
`--shadow-lg`	`0 4px 20px rgba(10,35,66,0.06)`	Cards resting state
`--shadow-xl`	`0 16px 48px rgba(10,35,66,0.12)`	Card hover, modals
`--shadow-glow`	`0 4px 20px rgba(90,168,211,0.25)`	Mist button hover glow
`--shadow-amber-glow`	`0 4px 16px rgba(244,162,97,0.35)`	Newsletter button, warm accent

Transitions

Token	Value	Usage
`--transition-fast`	150ms ease	Hover states, micro-interactions
`--transition-base`	250ms ease	Primary state changes, transforms
`--transition-slow`	400ms ease	Larger transforms, reveals

Buttons

All buttons use 6px border-radius, 600 weight, and consistent hover lift + shadow behaviour.

Variants

Sizes

Variant	Background	Text	Hover
`.btn--primary`	Vermillion #E63946	White	#C7303B + shadow-md
`.btn--secondary`	Transparent	Midnight	bg-tertiary
`.btn--mist`	Mist #A8DADC	Midnight	#8EC5C8 + glow
`.btn--ghost`	Transparent	Ocean	bg-tertiary
`.btn--inverse`	White	Midnight	neutral-100

Size	Padding	Font Size
`.btn--sm`	8px 16px	14px (--text-sm)
Default	12px 24px	16px (--text-base)
`.btn--lg`	16px 32px	18px (--text-md)

Badges

Neutral Success Warning Error Info Brand Ocean Amber

All badges: 12px font, 600 weight, full border-radius (pill shape), 3px 10px padding.

Cards

Cards use 12px radius, subtle border, lg shadow, and lift on hover with xl shadow.

Feature Card

📈

Insightful Keynotes

Hear from leading fund managers, economists, and market commentators on the trends shaping investment landscapes.

With Image

Feature cards can include a 16:10 aspect-ratio image at the top, with content below.

Sponsorship Tier Card

Gold

£5,000

✓ Logo on website

✓ Exhibition stand

✓ 4 delegate passes

Platinum

£10,000

✓ Everything in Gold

✓ Speaking slot

✓ 8 delegate passes

Tier accent colors: Platinum = Midnight, Gold = Amber, Silver = Ocean, Bronze = Sky

Statistics

Stats display key numbers with a coloured accent bar that draws in on scroll. Each stat cycles through Ocean, Amber, Vermillion, Sky accent colours.

300+

Attendees

50+

Speakers

3

Tracks

Section Patterns

Sections alternate between three visual modes: default (white), alt (light blue), and dark (midnight with pattern overlay). All share the same overline + title + description structure, centred.

Section Overline

Default Section

White background, standard text colours. Used for primary content areas.

Section Overline

Alt Section

Light blue-grey background (#EEF4F8). Used for alternating content to create visual rhythm.

Section Overline

Dark Section

Midnight background with subtle pattern overlay. Overline switches to Amber. Used for venue, CTA, and high-impact sections.

Element	Styles
Section padding	Desktop: 80px (--space-20) top/bottom. Mobile: 48px (--space-12)
Compact padding	Desktop: 40px (--space-10). Mobile: 32px (--space-8)
Overline	12px, uppercase, 0.12em tracking, 600 weight, Ocean (Amber on dark)
Title	clamp(28px, 3vw, 36px), 700 weight, -0.035em tracking, 1.15 lh
Description	18px, secondary color (Mist on dark), max-width 640px, centred

CTA Block

A gradient hero-like block used at page bottoms. Midnight-to-Navy gradient with optional pattern overlay and an animated amber shimmer line at the bottom.

Join 350+ Investors in London

Expert keynotes, panels, and networking — all in one day.

Grid & Containers

Token	Value	Usage
`--max-width`	1440px	Outermost container cap
`--content-width`	960px	Content-focused areas
`--narrow-width`	680px	Prose, text-only sections
`--gutter`	24px (1.5rem)	Container side padding

Grid Patterns

Pattern	Desktop	Tablet	Mobile
Features grid	3 columns	2 columns	1 column
Speakers grid	3 columns	2 columns	1 column
Stats grid	auto-fit (min 140px)	auto-fit	2 columns
Top sponsor tier	2 columns	2 columns	1 column
Mid sponsor tier	3 columns	2 columns	1 column
Low sponsor tier	4 columns	3 columns	2 columns
Venue teaser	2 columns (50/50)	2 columns	1 column

Breakpoints

Name	Max Width	Key Changes
Desktop	> 1024px	Full layout, 3-column grids
Tablet	≤ 767px	Section padding reduces, grids collapse to 2 cols
Small tablet	≤ 639px	Grids collapse to 1 col
Mobile	≤ 575px	All stacked, reduced type sizes

Hero Sections

Two hero variants: a full homepage hero with video background and cross-fade loop, and a compact basic hero for interior pages.

Homepage Hero

2026 — The Brewery, London

Investor Summit 2026

Join 350+ investors, CEOs, fund managers and professionals.

Video background with cross-fade loop. Gradient fallback: 135deg midnight → navy → ocean. Padding: 8rem top, 5rem bottom. Children enter with staggered translateY animation.

Basic Hero (Interior Pages)

The Conference

About the Event

A compact hero with optional overline and description. Video background plays behind all page heroes.

Midnight background with pattern overlay. Padding: 6rem top, 3rem bottom. Same staggered entrance animation.

Interactions & Animation

Hover & Active States

Element	Hover	Active
Buttons	translateY(-1px) + shadow	translateY(1px)
Feature cards	translateY(-3px) + shadow-xl	—
Speaker cards	translateY(-2px) + shadow + ocean border	—
Sponsor cards	translateY(-2px) + shadow-md	—
Card images	scale(1.04) — 400ms	—

Entrance Animations

Pattern	Motion	Timing
Scroll reveal	translateY(20px) → 0, opacity 0 → 1	On viewport entry
Stagger reveal	translateY(16px) → 0, opacity 0 → 1	80ms stagger per child
Hero children	translateY(24px) → 0	0.7s cubic-bezier(0.16, 1, 0.3, 1), staggered 0.15s
Stat accent bar	scaleX(0) → 1	0.6s, 0.8s delay
CTA shimmer	Background position shift	4s infinite loop

Focus States

All interactive elements use a consistent focus ring: outline: 2px solid var(--border-focus) with outline-offset: 2px. The focus colour is Navy (#134074). Meets WCAG 2.1 AA requirements.

Core Positioning

The strategic narrative behind Investor Summit. This sits behind all social, email, speaker announcements, sponsorship messaging, podcast content, press copy and on-stage framing. Full reference: TONE_OF_VOICE.md.

Mission — the big idea

Building Britain's investment culture.

Not a strapline. The reason the event exists — permission to talk about the whole ecosystem, not individual stocks, funds or speakers.

Mechanism — how we deliver it

Connecting capital, confidence and investors.

Capital does not move on its own. People invest when they have access, understanding, trust and confidence.

Combined positioning

Investor Summit is building Britain's investment culture by connecting capital, confidence and investors.

Message hierarchy

MissionBuilding Britain's investment culture.

MechanismConnecting capital, confidence and investors.

ProofInvestor Summit brings together investors, companies, fund managers, wealth managers, platforms, advisers, policymakers and market experts.

OutcomeBetter access. Better understanding. More confidence. More investment. Stronger markets.

The ten narrative pillars

Every speaker, sponsor, panel and podcast should connect back to one of these. A talk on UK equities is part of the conversation about why UK markets are worth backing.

Britain needs an investment culture

A stronger economy needs more people to understand investing, ownership and productive capital.

Growth requires capital

Every government talks about growth. Growth needs capital, and the people who provide, manage and deploy it.

Confidence drives participation

People invest when they understand what they are investing in. Confidence is built through access and transparency.

Retail investors deserve access

Retail investors are often excluded from conversations on markets, fundraisings and listings. That needs to change.

Public markets power the economy

Public markets create transparency, liquidity and wider participation for investors, companies and the economy.

Britain should be ambitious

The UK should not talk itself into decline. Honest about its challenges, ambitious about its opportunities.

The whole ecosystem moves together

No single IPO, fund, company or policy change fixes everything. Progress takes the whole ecosystem.

Ownership changes behaviour

People think differently when they become owners. Better governance, engagement and long-term outcomes.

The next generation needs a route in

Gen Z and younger investors need access, confidence and community, not a culture that feels closed.

More action, less talk

Investor Summit is where conversations become practical. The UK has had enough reports; now it needs momentum.

Tone of Voice

Investor Summit is a serious investment conference, not a sales platform. Clear, confident, serious, useful, forward-looking. Ambitious without being breathless, campaigning without being shouty, commercial without sounding salesy.

The seven attributes

Confident

Sound like we have a clear point of view. We are building the meeting point for the UK investment community, not simply selling tickets.

Constructive

Willing to point out problems, never bleak or cynical. Frame challenges as things that can be improved.

Practical

Useful, not abstract. Bring big national themes back to what people will actually learn, discuss or do.

Intelligent but accessible

Respect the reader without jargon. Plain English. Explain the stakes. Do not dumb things down.

Ambitious

Bigger than a standard investor conference. Investment culture, capital formation, ownership, the future of UK markets.

Inclusive

Not a closed City club or a velvet-rope event. Welcome retail, younger and first-time investors. A serious, accessible forum.

Action-oriented

Always move from diagnosis to action. Not just "what is wrong?" but "what do we do next?"

Sound like this, not that

Say

Britain is building a stronger investment culture.
Capital requires confidence.
Retail investors deserve access.
Britain is one of the most investable markets in the world.
We are backing a confident, ambitious UK.
This is the conversation Britain needs.

Avoid

We are pleased / excited to announce.
Don't miss out. Join us for an unmissable day.
World-class speakers. Industry-leading event.
Game-changing insights. Thought leadership.
The place to be. Premier conference.
The UK market is finished.

Language

The substance should do the work — Investor Summit should not need to claim importance through clichés.

Language to use more often

Investment cultureCapital formationRetail accessInvestor confidenceWealth creationOwnershipPublic marketsLong-term capitalProductive investmentBetter accessFairer participationThe next generation of investorsBritain's growth storyUK capital marketsMarket confidenceTransparencyPractical insightInvestment ecosystemMore action, less talk

Words & phrases to retire

Avoid	Use instead	Reason
"Sold out"	"Attracted [N] delegates"	Undersells the 450+ trajectory.
"Press"	"Financial Media" / journalists	Modern, less archaic.
"Self-directed"	"Active retail" (or omit)	Jargon. Plain language is stronger.
"Founder reach" (singular)	"Organiser networks"	Copia has multiple co-founders.
Generic event clichés	Specific substance	"World-class", "unmissable", "premier" say little.

Language to use carefully

Topic	Good framing
Risk	"Britain does not need people to ignore risk. It needs more people to understand it."
Retail investors	"Retail investors are not spectators. They are stakeholders."
Government	"Any government serious about growth has to care about capital formation and investor confidence." (Never party-political.)
Unicorns / decacorns	"The question is not how Britain creates more unicorns. It is how we build the capital ecosystem that lets ambitious companies grow here."

Social & Copy

Every social post should do at least one of four things: make the case for investing, show who is shaping the conversation, build confidence in Investor Summit as the meeting point, or encourage attendance without sounding desperate.

The ideal post structure

Bigger issue → The UK cannot build a stronger investment culture without better access between investors, companies and market experts.

Speaker / sponsor / session → That is why we are bringing together voices from across the investment ecosystem at Investor Summit 2026.

Why now → [The specific detail and what people will understand better.]

Connect back → This is exactly the kind of conversation Investor Summit was built for.

Call to action → [Ticket link.]

Speaker & sponsor announcements

Frame it as

Why the topic is live now, then the speaker.
What the audience will understand afterwards.
Sponsors as evidence of momentum and breadth.
"Some of the organisations helping shape the conversation."

Not

A list of someone's CV.
"The point is that a speaker exists."
"These organisations have signed up." (Administrative.)
A bare logo dump.

Calls to action

Direct, not desperate

Join the conversation.
Be part of the room.
Book your place.
Help shape the conversation.

Avoid

Don't miss out. Act now. Hurry.
Last chance. Secure your spot today.
This is your exclusive opportunity.
Manufactured urgency.

Reusable lines

Building Britain's investment culture.Connecting capital, confidence and investors.Retail investors are not spectators. They are stakeholders.Growth requires capital. Capital requires confidence.More action. Less talk.A stronger investment culture starts with better access.This is where the UK investment community comes together.

The Investor Summit test

Before publishing anything, ask:

Does this sound like a generic event post? (It shouldn't.)
Does it connect to the bigger story?
Does it explain why now?
Does it build confidence in Investor Summit as the meeting point?
Does it support the mission and connect capital, confidence and investors?

For AI agents and LLMs

This page is the human-readable brand portal for Investor Summit. If you are an AI system producing Investor Summit assets or copy, consume the machine-readable sources below rather than scraping this page.

brand.json — canonical machine-readable brand data: Design tokens, colour modes, typography scales, voice and messaging rules, logo variants and motion constants, as structured JSON. Fetch from https://brand.investorsummit.co.uk/brand.json (fallback: https://raw.githubusercontent.com/copiadigital/brand_investor_summit/main/brand.json).
DESIGN_SYSTEM.md — full written design reference: https://brand.investorsummit.co.uk/DESIGN_SYSTEM.md
TONE_OF_VOICE.md — copy, messaging and narrative rules: https://brand.investorsummit.co.uk/TONE_OF_VOICE.md
MOTION_RULES.md — binding rules for social film and motion work: https://brand.investorsummit.co.uk/social-templates/videos/MOTION_RULES.md
llms.txt — index of all of the above: https://brand.investorsummit.co.uk/llms.txt

If you read nothing else: one typeface (Onest, weights 400–800); eight brand primitives with Vermillion reserved for CTAs and Amber for emphasis; WCAG 2.1 AA contrast; British English; no emoji; no em-dashes in copy; the venue is written "The Brewery, City of London"; speaker billing comes from the event content API, and never attribute a talk topic to a speaker unless it has been agreed. Logos must be the supplied SVG files, never recreated: InvestorSummitLogo_White.svg on dark, InvestorSummitLogo_Black.svg on light, both at this domain root.