Visual elements

Everything we create should be consistent with who we are as a brand. Good design and conent is what gives SKOOT life and personality . Whether the communication is internal, to a user, or to an investor, the message and design should always feel like it is coming from the brand itself.

The SKOOT logo is the initial identifier of our company and our brand. Think of it as a snapshot of who we are. Follow these guidelines on how to use them correctly.

The logo

Use the full logo when possible.

The mark

The mark can be used in cases where an icon is required. Place it in a circle or square.

Square

The space around the logo should equal the size of the Os in the icon.

Circle

When in a circle, reduce the logo by 10% to allow the icon to breath.

Clear space

Always surround the logo with clear space, free from any other elements. The minimum space around the logo is equivalent to the “o”s in SKOOT on all four sides.

Colour distinguishes our brand and helps users identify status, see actions, locate help, and to indicate next steps. The colours are selected to be clear and accessible.

Brand colours

Our primary brand colours comprise of green, white and navy. They should be used in a logical way to guide the user and to highlight certain information.

Brand colours

Raw colours

SKOOT’s typeface is Rubik. Rubik allows other elements on the page to shine, but its friendly x-height makes it easy to read. We use a combination of Regular (400) and Medium (500) weights to help with hierarchy.

Headings

All headings are set in Rubik Medium (500) and have letter-spacing of 0.2%.

Content

All other content is set in Rubik Regular (400).