---
title: "Build a Watchface"
canonical_url: https://developer.repebble.com/blog/2014/03/28/Build-a-Watchface/
last_updated: 2025-08-08
sdk_version: 4.33.1
---
# Build a Watchface

Source: https://developer.repebble.com/blog/2014/03/28/Build-a-Watchface/

This is the Pebble Developer Blog. For general Pebble news and announcements, visit the main blog at [repebble.com/blog](https://repebble.com/blog).

- 28 March 2014
- [Thomas Sarlandie](https://developer.repebble.com/blog/authors/thomas/)
- [Beautiful Code](https://developer.repebble.com/blog/tags/beautiful-code/)
- [Comments](https://developer.repebble.com/blog/2014/03/28/Build-a-Watchface.md#comments)

In this video we walk you through your first Pebble Watchface.

Learn how to:

- Build a Pebble app that behaves like a watchface
- Display the time and the date
- Arrange text fields on the screen
- Use the various system fonts
- Invert colors in one part of the screen

This is a follow up to our first video: "Introduction to Pebble development" - We recommend you start [with that one](https://developer.repebble.com/blog/2014/03/27/Introduction-to-Pebble-development.md) if you are new to Pebble.

This series of videos is intended for anyone with previous development experience. You certainly do not need to be a C expert but if you have never programmed, we recommend starting with [the Watchface Generator](http://www.watchface-generator.de/) or [Pebble Canvas](https://play.google.com/store/apps/details?id=com.pennas.pebblecanvas) (Android app).

The blog post mentioned in the video with all the Pebble system fonts [is available here](https://developer.repebble.com/blog/2013/07/24/Using-Pebble-System-Fonts.md).

This is the complete source code built in this video:

Cheers!

* * *