Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff...

12
Change watch face Change watch face Adjust brightness Text size Roboto Condensed Light #757575 Font size 24 sp One line 14 characters Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings Change watch face Roboto Condensed Light #757575 Font size 12 SP One line 15 characters Three lines 45 characters max Adjust brightness 36 DP 12 DP 36 DP 36 DP 36 DP 48 DP 48 DP 36 DP 48 DP 48 DP 12 DP Settings Settings 12 DP 12 DP H1 T1 The code only required to provide the expanded state of the icon, which is 48DP. It is written to size down from 48DP to 36 DP (being in selected state in the center, to deselect). Square Background color #434343 (small) 1 DP stroke #ffffff Selected 1 DP stroke #757575 Not Selected Icons 12 DP 12 DP Adjust brightness

Transcript of Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff...

Page 1: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

Change watch face

Change watch face

Adjust brightness

Text size

Roboto Condensed Light #757575Font size 24 spOne line 14 characters Two lines 28 characters max

Roboto Condensed Light #ffffffFont size 12 SPOne line 15 characters Three lines 45 characters max

20 DP

Settings

Change watch face

Roboto Condensed Light #757575Font size 12 SPOne line 15 characters Three lines 45 characters max

Adjust brightness

36 DP

12 DP

36 DP

36 DP

36 DP

48 DP

48 DP

36 DP

48 DP

48 DP

12 DP

Settings

Settings

12 DP 12 DP H1

T1

The code only required to provide the expanded state of the icon, which is 48DP. It is written to size down from 48DP to 36 DP (being in selected state in the center, to deselect).

SquareBackground color #434343

(small)

1 DP stroke#ffffffSelected

1 DP stroke#757575Not Selected

Icons

12 DP 12 DP

Adjust brightness

Page 2: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

Roboto Condensed Light #757575Font size 12 SP (center with logo)One line 15 characters Three lines 45 characters max

40 DP

Icons

52 DP (when highlighted, default)

Google (Selected title)

Roboto Condensed Light #b3b3b3 Font size 12 SPOne line 15 characters Three lines 45 characters max

Note: Only 52 DP icons is needed. It will be compressed down to 40 DP by code when deselected.

Agenda (unselected title)

Background color #ffffff

40 DP

40 DP

Center52 DP

6 DP

12 DP

Micro Apps

6 DP 6 DP

Up to three most recently used appsare showcased with a grey background

T1

Agenda

Settings

Google

Square

Page 3: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

About the trip to MexicoCan you take care of finding a hotel?

Sam Blitzstein

Interactive mode with hotwordwhile being charged

NotificationsSquare

40 DP18 DP11 DP

11 DP

144 DP

24 DPat peek

32 DPat tall

22 DP

20 DP

20 DP

22 DP

20 DP14 DP

4 DP

8 DP10 DP

8 DP 8 DP 10 DP 8 DP

Sam Blitzstein

Sam Blitzstein

Roboto Condensed Light #b3b3b3Font size 20 spOne line 20 characters max

Roboto Condensed Light #b3b3b3Font size 14 spOne line 22 characters max

Roboto Condensed Light #000000 Font size 20 SP (center with logo)One line 18 characters Three lines 54 characters max

Sam Blitzstein

About the trip to Mexico...

H2

H1

T1

At small font settings

Page 4: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

Open on Phone Open on Phone

Action Buttons

8 DP 8 DP

Center

Action Icons

H1

One line use 16 characters max in 18 sp

Two lines use 36 characters max in 14 sp

Center align text between top and bottom of button of circle

Open on phone

Center on device

Connected (Blue)Circle 100 DP Color #0288d1

Disconnected (Grey)Circle 100 DP Color #757575Icon 64 DP Color #ffffff

24 DP6 DP

Square

Page 5: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

Artist Name

Artist Name

Song Title

Song Title

The next button is being tapped

36 DP 30 DP

18 DP

18 DP

18 DP

18 DP

24 DP72 DP

10 DP

24 DP

14 DP12 DP

12 DP 10 DP 12 DP

Media PlayerSquare

Roboto Condensed Light #b3b3b3Font size 16 SPOne line 13 characters then ellipse

Roboto Condensed Light #212121Font size 16 SPOne line 13 characters then ellipse

Page 6: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

About the trip to MexicoCan you take care of finding a hotel?

Sam BlitzsteinAbout the trip to MexicoCan you take care of finding a hotel?

Sam Blitzstein

20 DP 20 DP

8 DP 8 DP 8 DP

2 DP

52 DP 14 DP

8 DP

14 DP 14 DP

Google CustomHotword + Indicator Position

Third PartyHotword + Indicator Position

12 DP 12 DP

14 DP

13 DP“Ok Google”

Hotword and Status IconsSquare

Page 7: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

SettingsSettings

Adjust brightness

Change watch face

Change watch face

Adjust brightness

Text size

CircularBackground color #434343

Roboto Condensed Light #757575Font size 24 spOne line 14 characters Two lines 28 characters max

Roboto Condensed Light #ffffffFont size 12 SPOne line 15 characters Three lines 45 characters max

20 DP

Settings

Change watch face

Roboto Condensed Light #757575Font size 12 SPOne line 15 characters Three lines 45 characters max

Adjust brightness

36 DP

12 DP

36 DP

40 DP

Some devices have a chin at the bottom of the screen.Note that chin heights range from 20 to 23DP depending on the model.

48 DP

Settings

Settings

36 DP 22 DP H1

T1

Icons

36 DP

36 DP

48 DP

48 DP

1 DP stroke#ffffffSelected

1 DP stroke#757575Not Selected

Page 8: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

Some devices have a chin at the bottom of the screen.Note that chin heights range from 20 to 23DP depending on the model.

40 DP

Icons

52 DP (when highlighted, default)

Background color #ffffff

40 DP

40 DP

Center52 DP

12 DP

Micro Apps

36 DP 22 DP

Circular

Roboto Condensed Light #757575Font size 12 SP (center with logo)One line 15 characters Three lines 45 characters max

Google (Selected title)

Roboto Condensed Light #b3b3b3 Font size 12 SPOne line 15 characters Three lines 45 characters max

Flashlight (unselected title)

T1

Note: Only 52 DP icons is needed. It will be compressed down to 40 DP by code when deselected.

Page 9: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

About the trip to MexicoCan you take care of finding a hotel?

Sam Blitzstein

Sam Blitzste...

NotificationsCircular

36 DP 36 DP22 DP 22 DP

66 DP

144 DP

24 DPat peek

Product Icons

36 DPat tall

Roboto Condensed Light #b3b3b3Font size 20 spOne line 20 characters max

Roboto Condensed Light #000000 Font size 20 SP (center with logo)One line 18 characters Three lines 54 characters max

Sam Blitzstein

About the trip to Mexico...

H1

T1

22 DP

22 DP

18 DP

6 DP

10 DP

22 DP

22 DP

22 DP

Some devices have a chin at the bottom of the screen.Note that chin heights range from 20 to 23DP depending on the model.

Page 10: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

Open on Phone Open on Phone

Some devices have a chin at the bottom of the screen.Note that chin heights range from 20 to 23DP depending on the model.

Center

Action ButtonsCircular

27 DP 27 DP

Action Icons

H1

One line use 16 characters max in 18 sp

Two lines use 36 characters max in 14 sp

Center align text between top and bottom of button of circle

Open on phone

Center on device

Connected (Blue)Circle 100 DP Color #0288d1

Disconnected (Grey)Circle 100 DP Color #757575Icon 64 DP Color #ffffff

24 DP6 DP

27 DP 27 DP

24 DP6 DP

Page 11: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings

Some devices have a chin at the bottom of the screen.Note that chin heights range from 20 to 23DP depending on the model.

Artist Name

Song Title

36 DP 30 DP

Artist NameSong Title

24 DP78 DP

10 DP

24 DP

40 DP 10 DP 32 DP

32 DP

32 DP32 DP

32 DP

Media PlayerCircular

Roboto Condensed Light #b3b3b3Font size 16 SPOne line 13 characters then ellipse

Roboto Condensed Light #212121Font size 16 SPOne line 13 characters then ellipse

Page 12: Settings Two lines 28 characters max · Two lines 28 characters max Roboto Condensed Light #ffffff Font size 12 SP One line 15 characters Three lines 45 characters max 20 DP Settings