Grok Bot

Colors

• #FFFFFFpage-bg · main background
• #E5E5E7avatar-bg · user avatar circular background
• #111111button-black · primary action button fill
• #111111text-primary · user display name · sign out label
• #737373text-secondary · pre-header label · user email
• #FFFFFFtext-white · primary action label

Type

• label-secondarySF Pro Text · 28px · 500 · #737373
• title-userSF Pro Text · 34px · 500 · #111111
• email-secondarySF Pro Text · 28px · 400 · #737373
• button-textSF Pro Text · 28px · 600 · #FFFFFF

Elements

• sign-out-btn · button

  Top right under navigation bar, width ~280 px, height ~76 px. · Outlined white pill with border (#E5E5E5) and dark text.

• user-profile-row · list_item

  Horizontal row, ~90 px padding from left edge, vertically positioned around 40% height. · Circular light gray avatar (~100x100 px) with initials 'AJ', accompanied by name and email labels.

• primary-signin-button · button

  Full width centered button, ~980 px wide, ~110 px high, ~60 px below user details. · Solid black pill (#111111) with white centered 'Sign in' text.

Layout

Minimal account confirmation screen: top identity bar with sign out, active session user indicator, and bold primary sign-in button.

Notes

Part of xAI single sign-on confirming the authenticated identity to proceed to Grok Bot.