Garmin Watch Sticker Sheet Sketch Resource

Jump start your Garmin Connect IQ app with this free resource

Our mission is to help people turn good ideas into great product experiences. The purpose of this file is to help YOU design and build superior Garmin™ applications.

Get the Sketch File

This Sketch resource was created to help Garmin watch app developers design high-quality prototypes in order to build exceptional watch applications.


File overview

The included sketch file is labeled, layered, and fully modifiable. The file helps improve your design workflow by taking advantage of symbol overrides. Similar to other sticker sheets out there, we created this document in an atomic design approach for rapid design and prototyping. Most people will find this file useful for mocking up concepts - to either pitch their idea or create a prototype for development. The sketch file includes colors, typography, icons patterns and mockups.


Color

Garmin devices are always either 16 or 64 colors - and they are individually saved and labeled as a “layer style.”

*Note: The 16 color palette reserves one slot for ‘transparent’ and one for the user’s profile color, providing a total of 14 available colors rather than 16.


Typography

These devices use both Chronos Semibold and Roboto Condensed. Roboto Condensed is used for headlines while Chronos Semibold is used for numerical characters. Keep in mind that Chronos Semibold only has numerical characters if you use alpha characters - they will be set as the default font in your computer. Each headline style is saved as “text style” and on 6 different color styles (not using a layer style as this functionality is not currently available in sketch). We did this so you have enough colors to be replaced by the colors you have in your own app.

Iconography

The iconography provided are the most popular icons found in these devices. If you have suggestions regarding other iconography we might’ve missed, please let us at know at hello@crema.us.

Behaviors and UX

When creating a native app, our best practice is to follow the device guideline in order to reduce cognitive load and avoid the risk of trying to build a mental model every time users open the app. We recommend you take a peek at Garmin’s user interaction section for some rules around behaviors and patterns.

Buttons

Please note that the buttons should always try to maintain their core basic functionality within your app. If you are going to have a button do something other than it’s core functionality it is best to represent that action with bumpers and an icon. For example within the music controls you have Library, Skip, Play/Pause.

Licensing information

  • Please note that the file nor any of its elements are to be repurposed as your own
  • Garmin had no involvement in the creation of this file, however all the design choices and specifications are entirely based on their documentation
  • Due to the dynamic nature of the tech industry, the contents of this file are subject to change
  • For specific information regarding Garmin’s documentation, please visit this page

If you have questions about this file, or feedback, we'd love to hear from you. Send as a note in our contact form.

Get the Sketch File