Branded moments
capture our personality.
Pictograms help people
quickly identify their goals.
Icons are filled with character
but play a functional role.
Putting our customers
at the center of everything.
Graphic devices that suggest small steps and big returns.
Our form creates memorable patterns that build a unique brand system.
Branded Moments
Our brand at its most expressive and celebratory. Branded moments build engagement and excitement within the product, in our kiosk and online.
Pictograms
Pictograms help GoTyme customers visualize their goals, making their
targets tangible.
Icons
Icons operate on a functional level within the GoTyme app, guiding the user and communicating clearly with character.
Branded Moments
Our brand at its most expressive and celebratory. Branded moments build engagement and excitement within the product, in our kiosk and online.
Pictograms
Pictograms are made up of four elements:
1. Purple stroke (rounded)
2. Blue panel (max 40% of full picto)
3. Pink card detail (keep consistent)
4. Rounded edges
Icons
Icons guide users through our product.
The right combination of line weight and proportions make recognizable icons that are playful but easy to read.
24 pixel grid
24 pixel grid
GoTyme icons are drawn
on a 24x24 pixel grid.
Use the grid as your basic guideline to snap the artwork into place. Align design elements and lines
to the pixel grid.
The grid contains 2px padding. Icons should remain inside the padding. Extend icons into padding if additional space is needed.
Keylines
Keylines give you consistent sizes for basic shapes or proportions across the icon set.
Line weight
Maintain the same
visual weight by using a
2.5 px stroke with round cap and join for all icons.
Use 45° angles whenever possible.
Keep a minimum 4 px distance between the lines and 5 px distance between the red dot and the lines. The dot is 2.5 px radius and aligned to lines or other key elements of the icon.
