Harmony Playground Brand Book

This is the Harmony Playground brand book which will show you how to treat the brand and her elements in both digital as well as print publications.

If you have any questions regarding the design of Harmony Playground's app and websites, please feel free to contact Roger.

Figma

These Figma files are the design documents for both the app itself as the Harmony Playground branding.

• Branding
• App

Fonts

Guidelines

• The font face we use for the logo is called Spartan (see logo).
• Only use the Spartan font for logo type and header text.
• The font face we use for regular text is Helvetica. It's available as a standard font on most operating systems.

File

• Download the Spartan font.

Lettertype Logo

Guidelines

• Always center the logo on your canvas.
• The font has an adjusted negative letter spacing, depending on the font size used.
• Do not use the Spartan font for regular text.

Files

• Download a zip file containing all lettertype logo variants.
• Figma source file

Icon Logo

Guidelines

• There is a square version for use as app icon.
• There is a round version for use in marketing materials.

Files

• Download a zip file containing all icon logo variants
• Figma source file

Colors

There are several base colors used throughout the brand.

Animation & video

Animated artwork is used throughout publications and the app experience.

• App artwork animation.
• App artwork animation (reverse).
• Harmony Playground introduction (mobile).
• Harmony Playground introduction (desktop).
• Harmony Playground affiliate introduction (mobile).
• Harmony Playground affiliate introduction (mobile - alternative).
• Harmony Playground affiliate introduction (desktop).
• Harmony Playground affiliate introduction (desktop - alternative).
• Harmony Playground site background animation.

Imagery

Both photographs as well as artwork are used thoughout publications and the app experience.

• Download a zip file containing all imagery.

Letterhead

• Figma file with letterhead layouts for the app and Trust.

Below is are the title files to be used in the letterhead. Just right click and save them to be used in your document template.

Signature

• Figma file with signature layouts for the app and Trust.

Below is are the icon files to be used in the email signature. Just right click and save them to be used in your email client.