...

Loading...

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.

RSVP

Dinner

23rd September, 18.45 to 22.30 at Restaurant TAK

Welcome drinks and a seated 3 course founders dinner

Main Event

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

Main conference sessions, breakfast networking, a seated 3 course founders lunch and drinks reception

Step 1 of 4
Name
If you have been sent a Password, enter it here. Else, click on "Next" to register.

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

Image Item

Philip Belamant

CEO & Co-Founder, Zilch
Image Item

Guy Podjarny

Founder & President, Snyk

Image Item

Husayn Kassai

Co-founder, Onfido

Image Item

Akin Babayigit

Co-founder & COO, Tripledot Studio

Image Item

Elaine Warburton

Co-founded, QuantuMDx

Image Item

Matthew Scullion

CEO and Co-founder, Matillion

Image Item

Martina King

CEO, Feature Space

Image Item

Adrian Blair

CEO, Trustpilot

Image Item

Roy Tuvey

CEO, Vertice

Image Item

Ruth Handcock

CEO, Octopus Money

Image Item

Andrea Reynolds

CEO, Swoop Funding

Image Item

Pippa Begg

Co-CEO, Board Intelligence

Image Item

Steven Mendel

NED & Co-founder, ManyPets

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

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.

Password Protected Form

RESTRICTED ACCESS