Seesaw

Colors

• #ffffffWhite · Background · Input background
• #000000Black · Primary text · Headings
• #1a73e8Google Blue · Primary buttons · Links · Focus border
• #70757aGray · Labels · Secondary text · Borders
• #6c38b8Purple App Icon · App brand icon fill

Type

• TitleRoboto · 36px · normal · #000000
• BodyRoboto · 20px · normal · #1a73e8
• Input labelRoboto · 16px · normal · #70757a
• ButtonRoboto · 18px · medium · #ffffff

Elements

• Google Logo · Image

  Top-left aligned below browser bar · Multicolor Google 'G'

• App Icon · Image/Icon

  Below Google logo, left-aligned · Rounded rectangle purple fill with white lowercase 's'

• Email Input Field · Text Input

  Centered horizontally, below sign-in header text · Thin grey border, rounded rectangle, white background with input text

• Next Button · Button

  Bottom right corner of the main content area · Solid blue fill, pill shape, white text

• Create Account Link · Link

  Bottom left area, aligned with Next button vertically · Blue text, no underline

Layout

Vertical stack layout typical of Google sign-in mobile web views, inside an in-app browser interface with top and bottom navigation bars.

Notes

Font guessed as Roboto due to standard Google web components. Measurements are approximate source pixels.