BRAND GUIDE JUNE 2023

SFF2023 TYPOGRAPHY STYLES

Open Sans Light

H1
OPEN SANS BOLD
68PX / 80PX @ 1366PX WIDTH

Open Sans Regular

H2
OPEN SANS BOLD
42PX / 52PX @ 1366PX WIDTH

Open Sans Semibold

H3
OPEN SANS BOLD
28PX / 38PX @ 1366PX WIDTH

Open Sans Bold

H4
OPEN SANS BOLD
24PX / 34PX @ 1366PX WIDTH

Open Sans Extrabold

PARAGRAPH
OPEN SANS REGULAR
18PX / 30PX @ 1366PX WIDTH
SFF2023 COLOURS CORE & COMPLIMENTARY

Core Colours Complimentary Colours

#FF3333 #FF3F74
R255 G51 B51 R255 G63 B116
#FCB316 VERMILLION RED CRAYOLA PINK
R252 G179 B22
SELECTIVE YELLOW

#3777FF #25D26E
R55 G119 B255 R37 G210 B110
CRAYOLA BLUE EMERALD

#141414 #FFFFFC When it comes to colour usage, use your best judgement. Keep your
R20 G20 B20 R255 G255 B252 palette to three (four at most) colour families, excluding white and

NIGHT BLACK ASH WHITE black. Don't allow the limits limit you; instead, use them to fuel your
creativity in order to generate visually appealing visuals.
SFF2023 WEBSITE UI STYLES

Buttons Nav Bar

This Week Programme Get Invovled Community
PRIMARY BUTTON
This Week Programme Get Invovled Community

SECONDARY BUTTON This Week Programme Get Invovled Community

TERTIARY BUTTON This Week Programme Get Invovled Community

- Text uppercase This Week Programme Get Invovled Community

- Top and bottom padding: 20

- Left and right padding: 30
- Tertiary button in paragraph font size Each navigation link will have its own hover animation influenced by a kaleidoscope. Each stroke is imagined to scale up

- Mobile button 100% width from size 0 until 3 strokes are animated in and encompass the single navigation menu item. The strokes will have the
same colour outerglow.
SFF2023 WEBSITE HOMEPAGE APPLICATION

This Week Programme Get Invovled Community

Pre-register for The

Singapore Fintech Festival 2023
The hover animation for the Track
Record module is imagined in the
SFF 2022 in Numbers TERTIARY BUTTON
example file 'trackrecord-ani.mov'.
Each column will have a collection

52% 295 of 4 images from SFF2022

62,000+ 850+ 500+ Top 50 World’s
48% Government,
Top 50 of World’s representing each point (e.g.
Participants Speakers Exhibitors Financial Services Policy Makers,
Largest Global Banks
companies Regulator Organisations Participants, Speakers, etc.), which
will scale up as the cursor moves.
SFF2023 WEBSITE SPEAKER PAGE APPLICATION

This Week Programme Get Invovled Community

GO BACK

All Speakers
FEATURED SPEAKERS

Naomi Chang Chief Product Officer Luna Innovations

Ryan Park Vice President of Operations Nexus Solutions

Aiden Scott Chief Financial Officer Stellar Enterprises

The featured speakers will be listed in rows. The image of the featured speaker will
Mia Patel Chief Creative Officer Crimson Technologies
only show when you hover over their individual rows. When hovering over, the
Ethan Chen Chief Technology Officer Solaris Dynamics
picture will slide up (masked) from the sixth row and then down when hovering
Olivia Taylor Co-founder & Managing Director Horizon Ventures
away. There are no restrictions on how extensive this list can be.
PANEL LIST

All other speakers' information will be displayed in a smaller frame, with up to 4

David Kim David Kim David Kim David Kim
Chief Executive Officer Chief Executive Officer Chief Executive Officer Chief Executive Officer speakers enumerated in a row. On clicking, the speaker's photo and complete bio
Everest Corporation Everest Corporation Everest Corporation Everest Corporation
will appear as a pop-up that slides in from the left and spans across the screen.

David Kim David Kim David Kim David Kim

Chief Executive Officer Chief Executive Officer Chief Executive Officer Chief Executive Officer Example file ‘speakerlist_ani.mov’.
Everest Corporation Everest Corporation Everest Corporation Everest Corporation

David Kim David Kim David Kim David Kim

Chief Executive Officer Chief Executive Officer Chief Executive Officer Chief Executive Officer
Everest Corporation Everest Corporation Everest Corporation Everest Corporation

David Kim David Kim David Kim David Kim

Chief Executive Officer Chief Executive Officer Chief Executive Officer Chief Executive Officer
Everest Corporation Everest Corporation Everest Corporation Everest Corporation
SFF2023 ICONOGRAPHY STYLES

Themes

Applications
of AI

Zones

Sustainability
Technology Zone Regulation Zone
Zone

Founders Zone Talent Zone

SFF2023 VISUAL IDENTITY MOTIFS

These motifs are used to draw attention to important keywords. They are primarily
used to style the brand tagline and the website navigation panel.
SFF2023 VISUAL IDENTITY MOTIFS

The vertical bars - always standing tall, usher the viewer's gaze along the page, gently
guiding the narrative flow while serving as unobtrusive dividers. They create a
rhythmic visual harmony, dividing spaces, yet linking ideas. Their gradient hue, a
proud display of our brand colour, subtly fades into the background, creating an effect
that's both engaging and soothing.

Horizontal bars, on the other hand, gracefully stretch across the breadth of the page.
They are the structural support to our written word, underlining titles or segmenting
paragraphs. This horizontal element creates a grounding line, a visual rest stop in our
content journey, while their gradient manifestation echoes the brand's identity in a
harmonious whisper.
SFF2023 VISUAL IDENTITY MOTIFS

To keep our kaleidoscope essence while ensuring an uncluttered, readable design, we

have distilled its complexity into two simplified motifs: the Diamond Stroke and the
Circle Stroke.

The Diamond Stroke motif captures the dynamic intersectionality of a kaleidoscope's

facets, with repeating patterns of diamond strokes. This geometric symphony lends an
architectural framework, structuring and organizing the content without
compromising the creativity that's at the heart of our brand.

The Circle Stroke motif, meanwhile, encapsulates the kaleidoscope's transformative

magic. Using a pattern of repeating circle strokes, it provides a sense of movement
and fluidity, injecting vibrancy into the page. Its gentle round forms create a
harmonious balance with the text-heavy designs, offering visual delight without
overwhelming the message.
BRAND GUIDE WIP