Inspiration by VASA Works
Get started

FPA studio brand guideline (v2.0)

Bilingual brand guideline for FPA (Floating Point Art) studio built on a geometric logo, Field Gothic type and a neutral palette accented by Arithmetic Blue.

48 slides · Guideline

View deck overview
FPA cover with oversized wordmark, minimal, swiss, light
Cover
Welcome intro spread, bilingual, minimal, swiss, light
Statement
Table of contents / index, minimal, swiss, light
Contents
Section divider 01 Introduction, minimal, dark-mode, dark
Section
What is FPA mission text, minimal, swiss, light
About
Form, Play and Assemble principles, minimal, swiss, light
Framework
Brand attribute sliders, minimal, swiss, light
Vision
Section divider 02 LOGO, minimal, dark-mode, dark
Section
Logo construction rationale, minimal, swiss, light
Logo Reveal
Logo versions, icon and wordmark, minimal, swiss, light
Logo Usage
Logo minimum sizes, minimal, swiss, light
Logo Usage
Logo clear space, minimal, swiss, light
Logo Usage
Endorsement rules, intro, minimal, swiss, light
Logo Usage
Endorsement examples on products, minimal, technical, light
Mockup
Endorsement icon variations, minimal, swiss, light
Logo Usage
Endorsement edge applications, minimal, technical, light
Mockup
Section divider 03 Color, minimal, dark-mode, dark
Section
Neutral palette swatches, minimal, swiss, light
Color Palette
Applying color, proportion donut, minimal, swiss, light
Color Palette
Full color specification table, minimal, swiss, light
Color Palette
Section divider 04 Typography, minimal, dark-mode, dark
Section
Brand typeface Field Gothic, minimal, swiss, light
Typography
Expressive typeface FPA Text, minimal, swiss, light
Typography
Expressive typeface FPA Display, minimal, swiss, light
Typography
Setting brand types, letter spacing, minimal, swiss, light
Typography
Serif alternative Instrument Serif, minimal, swiss, light
Typography
Type setting, Chinese typeface Vivo Sans, minimal, swiss, light
Typography
Type setting, heading and body scale, minimal, swiss, light
Typography
Type setting, font pairing matrix, minimal, swiss, light
Typography
Section divider 05 Motion, minimal, dark-mode, dark
Section
Geometry matters, two core shapes, minimal, swiss, light
Diagram
Rounded Dynamics motion family, minimal, technical, light
Motion
Rectangular Dynamics motion family, minimal, swiss, light
Motion
Dynamics example, recommended motion, minimal, swiss, light
Motion
Motion misuses grid, minimal, swiss, light
Motion
Motion curves easing graphs, minimal, swiss, light
Motion
Section divider 06 Icons, minimal, dark-mode, dark
Section
Icon library specimen, minimal, swiss, light
Iconography
Section divider 07 Examples, minimal, dark-mode, dark
Section
Examples please-note intro, minimal, swiss, light
Body Copy
Examples, stationery and business card, minimal, swiss, light
Mockup
Examples, expressive type posters, maximalist, technical, vibrant
Imagery
Examples, merch product shots, minimal, photographic, light
Mockup
Examples, 3D chrome renders, 3d-render, technical, cool
Mockup
Examples, packaging and editorial mix, technical, editorial, cool
Imagery
Examples, environmental and signage, technical, 3d-render, dark
Imagery
Section divider 08 Notes, minimal, swiss, light
Section
Closing note, Design is what makes us, minimal, swiss, light
Closing