Design system - Fast Growth Icons

Fast Growth Icons Design System

This design system provides guidelines for building and maintaining the Fast Growth Icons website. The system emphasizes a professional, modern, and corporate aesthetic to align with the site’s focus on networking, insights, and business growth. It promotes consistency, accessibility, and scalability across pages, ensuring a seamless user experience for desktop and mobile users.

The design draws from the site’s existing structure—featuring sections for event locations, speakers, testimonials, and statistics—while proposing standardized elements for colors, typography, layout, and components.

Foundations

Color Palette

The color scheme is bold and high-contrast, using a dark background with vibrant accents for a dynamic, energetic feel that evokes growth and innovation. This dark mode approach enhances focus on key elements like headings and CTAs.

Color Role	HEX Code	RGB Value	Usage Examples
Primary	#FCB614	252, 182, 20	Headings, navigation links, accents
Secondary	#FFFFFF	255, 255, 255	Body text, subheadings
Accent	#FCB614	252, 182, 20	Buttons, highlights (evoking growth/success)
Background	#000000	0, 0, 0	Main page background
Neutral Dark	#333333	51, 51, 51	Dark text, borders (for subtle elements)
Neutral Light	#F0F0F0	240, 240, 240	Section backgrounds, cards
Error	#DC3545	220, 53, 69	Validation messages (e.g., form errors)

Typography

Typography uses a combination of serif and sans-serif fonts for an elegant yet readable look. Headers employ Libre Baskerville for a sophisticated, professional tone, while body text uses Lato for clarity and modernity. This pairing creates visual hierarchy and enhances the corporate aesthetic.

Element	Font Family	Font Size	Weight	Line Height	Example Usage
H1 (Page Title)	Libre Baskerville	26px	500	1.2	Main header: “Fast Growth Icons”
H2 (Section Title)	Libre Baskerville	22px	500	1.3	City names: “London”, “Berlin”
H3 (Subsection)	Libre Baskerville	18px	500	1.3	Speaker names: “Philip Belamant”
Body Text	Lato	16px	500	1.7	Paragraphs
Small Text	Lato	14px	500	1.5	Footnotes, dates
Button Text	Lato	16px	500	1.2	CTAs: “Apply to Attend”

Spacing and Grid

Spacing ensures breathing room between elements, while the grid provides flexible layout.

Base Unit: 8px (rem-based for scalability, e.g., 0.5rem).
Spacing Scale: Multiples of base (8px, 16px, 24px, 32px, 48px, 64px) for margins, paddings.
Grid System: 6-column responsive grid (using CSS Grid or Flexbox).

Container Max-Width: 1920px (centered).
Breakpoints: Mobile (<768px: 1-2 columns), Tablet (768-992px: 2-3 columns), Desktop (>992px: 3 columns).
Gutters: 16px between columns.

Components

Components are reusable UI elements tailored to the site’s needs

Buttons

Styles:

Primary: Background #FCB614, text #000000, padding 12px 24px, border-radius 0px.
Secondary: Background transparent, border 2px #FCB614, text #FCB614.

Hover: Darken background by 10%, add subtle transition (0.3s ease).
Usage: CTAs like “Apply to Attend” or “RSVP”.

map

Navigation

Top Bar: Logo left, menu items right.
Mobile: Hamburger menu collapsing into dropdown.
Active State: NA

Forms

Inputs: Border 1px #F0F0F0, padding 0px 14px, border-radius 4px, background #ffffff, text #000000.
Labels: Above inputs, 14px bold (secondary color).
Submit Button: Primary button style.
Usage: RSVP or application form.

Images and Media

Speaker Images

Dimensions: 1080 by 1350 pixels
File type: WEBP file (Convert from JPEG)
File size: less than 500 KB

Logo

Dimensions: 148 by 37 pixels
File type: png

Dimensions: 43 by 43 pixels
File type: png

LinkedIn post

Dimensions: 558px by height as per the post dimension
File type: WEBP file (Convert from JPEG)
File size: less than 150 KB

Dimensions: 1024 by 683 pixels
File type: WEBP file (Convert from JPEG)
File size: less than 250 KB

Responsive with object-fit: cover

Note:

Aspect Ratio: Maintain 16:9 for banners; responsive with object-fit: cover.

Patterns

Patterns combine components for common page sections.

Hero Section

Full-width background (video), centered H1 title (primary color), body text description (secondary)

The Bulgari Hotel, Knightsbridge

Monday 11th May 2026

Claridge’s, Mayfair

Tuesday 12th May 2026

The invitation-only network for founders & CEOs
of the most successful fast growth scaleups

Speakers

Speaker Card: Each: Speaker card with image, name, title, company

Testimonials Section

Image:

Dimensions: 1920 by 1080 pixels
File type: WEBP file (Convert from JPEG)
File size: Less than 400 KB

Testimonial body:

Font family: Libre Baskerville
Font size: 25px

Testimonial name and designatio:

Font family: Lato
Font size: 18px

“Great people, stunning location, perfect length, brilliant organisation, high level of content and the best event for learning and meeting fellow founders – and excellent insights from highly relevant sponsors.”

Dave Stevinson
Founder & CEO, QBS Software

Statistics Display

Use icons (e.g., percentage symbols in primary) with large H2 numbers (primary), small explanatory text (secondary).
Example: “54% growing at over 50% annually” in a flex row.

QUALITY

100% of the delegates from last year’s event rated
the experience “Excellent” or “Very Good”.

Net Promoter Score

Icons Manchester 2024 achieved an NPS of 96
The industry standard for an excellent live event is 50

Employees

35% of the businesses had over 50 staff, and 19% had over 100 staff

Rating

“Overall, how would you rate the Fast Growth Icons experience?”

Annual Growth Rates

52% of the businesses were growing at over 50% annually

Funding

17% of businesses had over $10m in funding, and 10% had over $20m

Agenda & Attendees

The event will have 100 founders and CEO from businesses typically with $10m in revenue and 75+ staff.
Enter your password to access the agenda and the list of founders and CEOs who have confirmed their attendance.

DINNER

Tuesday 17th June 2025
Soho House, Berlin

18.45
Drinks reception

19:50
Opening Remarks

Uday Singh

Founder & CEO, Fast Growth Icons

19:55
Welcome Address

Sebastian Schirl
Managing Director, Stifel

20.00
Seated Dinner
Enjoy three courses from Soho House exclusive menu

22.30
Carriages

MAIN DAY

Wednesday 18th June 2025
Hotel de Rome, Berlin

08.00
Breakfast & Networking

09.00
Host
Uday Singh
Founder & CEO, Fast Growth Icons

09.10
Opening Remarks
Ben Fletcher
Founder, The Mothership

09.30
Welcome Address
Florian Merkel
Director Corporate Tax Services, KPMG

09.35
Maximilian Wühr
CEO and Co-Founder, FINN
Launch: 2019 | Staff: 300+ | Funding $256m + $1b debt | Valuation: $600m+

Driving Innovation at Speed: Building a Culture of Momentum
Success in business is often defined by speed – the ability to test, learn, and adapt quickly. As companies grow, complexity can become a barrier to agility. Creating a culture of momentum requires clear decision-making, smart automation, and a willingness to embrace imperfect but rapid execution. Finding the right balance between speed and quality enables businesses to stay ahead of the curve and drive continuous innovation.

10.00
Katharina Lüth
Chief Client Officer, Member of the Management Board, Raisin
Founded 2012 | Staff 599 | Funding $303m | Valuation $1.1b

Managing complexity as you scale and doing the right things right
Simplicity has huge power. It focuses your effort in one place and enables you to go further, faster. As a business scales, complexity scales exponentially. More people, more products (or features), more channels to market and more geographies. How do you then balance the need for simplicity with the need to capture all these opportunities? We'll discuss choosing the right opportunities, setting priorities, structuring the company and building processes. The combination between making sure you always are doing the right things, and when you are doing them, doing them effectively.

10.25
Roundtable networking and discussion session

11.10
Morning Break

11.35
Sebastian Berning
CEO & Co-founder, Instagrid
Founded 2018 | Staff: 250+ | Funding $137m +

Maintaining an Experimental, Risk-Taking Culture as You Scale
Rapid growth feels chaotic. As scale-ups mature, teams often respond by trying to “fix” the chaos—reducing risk, tightening control, and inadvertently slowing momentum. But for a high-growth company, slowing down can be more dangerous than making mistakes. How can you preserve a culture of experimentation and calculated risk-taking as your company scales? Placing risk-takers in the right roles, maintaining clear focus, and embedding a culture of continuous testing and learning can help to sustain the pace and spirit that sparked initial success - without losing control.

12.00
Roundtable networking and discussion session

13.00
Seated Lunch
Enjoy three courses from Hotel de Rome’s exclusive menu

14.30
Welcome Address
Johannes P. Goossens
Partner, White & Case

14.35
Naren Shaam
Founder & CEO, Omio
Founded 2013 | Staff 410

Striking the right balance between growth and profit
Naren will talk through the three stages of his company's growth: from well-funded and growth at all costs, to the existential threat of COVID, to the new balanced approach of growth at a reasonable margin. We'll discuss how he has changed the way they predict future growth to focus more on shorter payback periods and how they think about unit economics. We'll also look at how the org structure has changed and how the core KPIs of the business have adapted.

15.00
Alexander Gran
Founder and MD, bobbie

Insolvent to Investable: The Startup Resurrection Playbook
When Alex’s business filed for insolvency, he thought it was the end. Then, in a stunning turnaround, he found investors but discovered there were no rules, internally or externally, to reverse the process. What followed was a high-stakes scramble under intense time pressure. Alex will blend legal edge cases, personal resilience, and tactical advice on what safeguards to put in place and how the unforeseen can be put to strategic advantage.

15.25
Roundtable networking and discussion session

16.25
Closing Address

Uday Singh
Founder & CEO, Fast Growth Icons

16.30
Champagne Reception

17.30
Closed

Round Table Discussion Sessions

Fundraising at scale
A session looking at all the options - VC, PE, IPO, Debt.

Balancing Growth vs Profit and Value creation
Navigating the trade-offs between aggressive scaling and sustainable profitability. How do investors view the trade-offs, and what are the risks of getting the balance wrong?
Quality of earnings - what beyond profit and growth adds the most value to your business?

Employee share schemes
How do you maximise the value, and what are the new rules? What’s best practice?
A chance for people to discuss how they offer employee incentive schemes
and find out how the new rules will change things.

Preparing for a Successful Exit
Strategic Investment and Wealth Management.

Exits – pitfalls and deal breakers
What are the things that can turn out to be deal breakers, and how you can mitigate them.

Growth through acquisitions: do’s and don’ts.
Do you grow organically or through acquisition? When are acquisitions better?
What are the reasons acquisitions fail?

International expansion
When are you ready for expansion? How do you choose the right geography?
Should you expand by acquisition? How do you manage and integrate the teams?

Fast Growth Icons Design System

Foundations

Color Palette

Typography

Spacing and Grid

Components

Buttons

Navigation

Forms

RSVP

Dinner

23rd September, 18.45 to 22.30 at Restaurant TAK

Main Event

24th September, 08.00 to 17.30 at The Grand Hôtel Stockholm

Protecting your data

Ticket

Images and Media

Patterns

Hero Section

The Bulgari Hotel, Knightsbridge

Monday 11th May 2026

Claridge’s, Mayfair

Tuesday 12th May 2026

The invitation-only network for founders & CEOsof the most successful fast growth scaleups

Speakers

Philip Belamant

Guy Podjarny

Husayn Kassai

Akin Babayigit

Elaine Warburton

Matthew Scullion

Martina King

Adrian Blair

Roy Tuvey

Ruth Handcock

Andrea Reynolds

Pippa Begg

Steven Mendel

Testimonials Section

“Great people, stunning location, perfect length, brilliant organisation, high level of content and the best event for learning and meeting fellow founders – and excellent insights from highly relevant sponsors.”

Statistics Display

QUALITY

Net Promoter Score

Employees

Rating

Annual Growth Rates

Funding

Agenda & Attendees

Agenda & Attendees

The event will have 100 founders and CEO from businesses typically with $10m in revenue and 75+ staff. Enter your password to access the agenda and the list of founders and CEOs who have confirmed their attendance.

RESTRICTED ACCESS

DINNER

MAIN DAY

Round Table Discussion Sessions

Confirmed

The invitation-only network for founders & CEOs
of the most successful fast growth scaleups

The event will have 100 founders and CEO from businesses typically with $10m in revenue and 75+ staff.
Enter your password to access the agenda and the list of founders and CEOs who have confirmed their attendance.