My mother has bought me a smartwatch to my birthday [2023], so I own a Xiaomi Watch 2 Pro now.
Because I wanted a special watch face design (I really love 24h analog), I decided to create my own one(s).
So I came up to facer.io. There you can design as many as you want absolutely for free (even if not everything is for free there).
I'm also presenting them on my private website, and on my Facer kekse profile. .. AND here:
I made them all 'from scratch', as usual. Some are better, some are merely tryouts..
and here they are, with the original, animated .webp
images (plus some transparency).
The Inspector is available for any of these.. there you'll my 'source codes' (maybe interesting for you, because there is sometimes 'many' maths hidden in there; inter alia all the rules of three, or even the sine and cosine positionings, etc.)! ;)~
Cake View v2
Cake Rotate v2
Cake Circle
Cake Uno v3
Cake Uno v2
Cake Second Try
Cake Rotate v1
Cake Binary
Cake First Try
Key | Value |
---|---|
Created | 2024-04-07 |
Updated | 2024-06-03 |
Website | R8dBeYEsYO |
Inspector | R8dBeYEsYO |
Preview | |
Description | My latest attempt.. everything at a glance. Second version! |
- Someone said: "so much fun!".. many colors.
- Mainly: many "progress" items, to see all the time/date progresses at a glance!!
- Digital and analog combined everywhere (24h)
- Moon phase: a day counter and a moon icon
- Wind direction and speed as strings (bottom/left), and the temperature..
- Plus a progress for wind direction (calculated against compass, so it's dynamically moving!)
- Compass around the clock (orange progress), and the watch battery level (yellow progress around)
- Compass angle string and direction name
- Weekday (left) also shows progress from monday to sunday(!)
- Heart Beat (w/ sine animated icon)
- "Everything" as a progress (see how far time has come... ;-)
Key | Value |
---|---|
Created | 2023-12-28 |
Updated | 2024-04-17 |
Website | TUAAu6E5Hv |
Inspector | TUAAu6E5Hv |
Preview | |
Description | Better version of the original 'Cake Rotate v1' |
- Big rotating analog clock
- Phone and Watch Battery Levels near the middle (sine and cosine positioning)
- My favicon in the center rotates with your compass, in the middle
- Heart beat and step count (sine animated icon)
- The digital Date with weekday on the top/right
- Percentage of progress of [ Minute, Hour, Day, Week, Month, Year ], this time round alignment(!)
Key | Value |
---|---|
Created | 2024-06-08 |
Updated | 2024-06-11 |
Website | a5hQVcvoNO |
Inspector | a5hQVcvoNO |
Preview | |
Description | In fact I wanted to dynamically change the circle's RADIUS values, but that wasn't possible at Facer. So their lengths are dynamic. |
- Digital time and date, rotating around with the analog time (24h)
- The circles indicate the progresses of: Minute, Hour, Day, Week, Month and Year
- In the middle a heart icon and the average beat rate (sine/cosine)
- The both thin circles/progresses on the outside are battery and compass
- The big, rotating arrow points to the analog time (24h) more precise
Key | Value |
---|---|
Created | 2024-06-07 |
Updated | 2024-06-11 |
Website | CWbow8Ne6w |
Inspector | CWbow8Ne6w |
Preview | |
Description | Similar to the watches with only one hand, but a bit optimized.. |
Similar to the watches with only one hand, but a bit optimized..
- With a design smth. similar to "one hand" watches.. (but..)
- The digital time rotates around in the position of the analog clock (it's hour, in 24h design)
- Additionally to the time there is also the date (also rotating around with the time)
- The big red arrow on the outside points more precise to the current time (24h)
- One progress around the clock is the compass
- The other progress around is the watch battery level
Key | Value |
---|---|
Created | 11/2023 |
Updated | 2024-06-06 |
Website | zIFEz0CL3d |
Inspector | zIFEz0CL3d |
Preview | |
Description | Second Version of my first Version of a Uno clock |
Similar to the watches with only one hand, but a bit optimized..
- With a design smth. similar to "one hand" watches.. (but..)
- The digital time rotates around in the position of the analog clock (it's hour, in 24h design)
- The digital date rotates around the position of the month's progress
- This date shows both the name and the number of the month
- The digital weekday rotates around the position of the weekday progress of the week
- The big green arrow on the outside indicates the current year's progress
- In the center you'll see your heart beat (average?)
- One progress around the clock is the compass
- The other progress around is the watch battery level
Key | Value |
---|---|
Created | 10/2023 |
Updated | 2024-05-08 |
Website | nyWyzHmJeI |
Inspector | nyWyzHmJeI |
Preview | |
Description | My second try in designing own watch faces .. |
- Digital time and date
- Analog time (24h) (w/ nice looking second progress)
- Analog Hour and Minute strings (plus arrows), positioned with sine and cosine (24h)
- Phone and Watch battery levels (text and tiny progresses)
- Red compass (progress) around the clock, and one in my favicon's rotation value
- Some (digital) weather information
- Heart beat rate (with sine animated heart icon)
- GPS Coordinates (Latitude, Longitude, Altitude)
Key | Value |
---|---|
Created | 2023-12-26 |
Updated | 2024-04-17 |
Website | fTzAhsSKqm |
Inspector | fTzAhsSKqm |
Preview | |
Description | Something new after Christmas, before the new year arrives.. |
- Big rotating analog clock (24h)
- Phone and Watch Battery Levels near the middle (sine and cosine positioning)
- My favicon in the center rotates with your compass, in the middle
- Heart beat and step count (sine animated icon)
- The digital Date with weekday on the bottom
- Percentage of progress of [ Day, Week, Month, Year ]
- Also nice design for "squared" watches, in my opinion
Key | Value |
---|---|
Created | 2023-11-20 |
Updated | 2024-06-03 |
Website | epwBfMhr92 |
Inspector | epWBfMhr92 |
Preview | |
Description | For the geeks/nerds: binary digit system (base/radix = 2); |
- Five BITS on the left for the hour value
- Six BITS on the top/right for minute value
- Six BITS on the bottom for second value
- Eight BITS for your heart Beat (w/ sine animated icon)
- Most bits are sized by their weights
- Analog clock in the middle (24h!)
- Weekday string in the middle
- Also in the middle: digital month in year and day in month
- My favicon's transparency and rotation encodes the watch battery level
- Watch Battery level also in the outer progress beneath the compass
- A compass around the clock (blue progress)
Key | Value |
---|---|
Created | 10/2023 |
Updated | 2024-04-17 |
Website | HiMnnIpJCH |
Inspector | HiMnnIpJCH |
Preview | |
Description | My first try in making a watch face. Really not perfect.. |
- Analog (24h) clock
- Extra analog weekday and month
- Additional analog "clock" for watch and phone battery levels
- Heart beat rate (with sine animated icon)
- Weather and Moon phase icons on the top
- Digital time and the date (partially Strings)
- A compass (red progress around the clock)
The Copyright is (c) Sebastian Kucharczyk, and it's licensed under the MIT (also known as 'X' or 'X11' license).