Brand

The Gym Niyam logo, colours, favicon and social images in one place. This page is open to everyone, no login. Use the files below as they are.

Logo

A dumbbell on a pine tile, and the name in Outfit Bold. Niyam means rules: a gym that runs by the book.

Keep clear space around the logo equal to the height of the dumbbell bars.
Smallest sizes: logo 100 px wide, icon 16 px.
Use the light logo on pine, ink or photos. Use the colour logo on white and cream.
Do not stretch, rotate, recolour, add shadows or change the font of the name.

Colours

Pine carries the brand. Flame is used once per screen, for the one action you want people to take.

Pine

#1F5A43

Primary. Buttons, logo tile, headers.

Cream

#FAF5E3

Page background.

Ink

#17211C

Text and the dark logo.

Flame

#FF5C39

One accent per screen, for the main action only.

White

#FFFFFF

Cards and the light logo.

Type

One family, Outfit, from Google Fonts. Free to use.

Your gym, in your pocket.

Members, payments, plans and doors in one place.

Headlines Bold 700. Sub-headings and buttons Semibold 600. Body Regular 400 to Medium 500. Sentence case, never all caps.

Favicon and app icon

The same mark at every size. Copy the link tags below into any site.

favicon-32.png

favicon-192.png

favicon-512.png

apple-touch-icon.png

<link rel="icon" href="/brand/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/brand/favicon-32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="/brand/apple-touch-icon.png">

Social

Profile picture, cover and the picture shown when someone shares a Gym Niyam link.

Profile picture, shown round

Cover, 1500 x 500

Link preview, 1200 x 630

Voice

Plain, direct, sentence case. Buttons say what they do: Save changes, Issue invoice. Errors say what happened and what to do next. No exclamation marks, no jargon.

Say
Your gym, in your pocket.
Could not save. Nothing was changed. Try again.

Do not say
Revolutionary all-in-one solution!
Oops! Something went wrong.

Downloads

Right-click and save, or tap a file. SVG files have the name drawn as shapes, so they look the same without the font.