Grok Bot

Colors

• #FFFFFFpage-bg · screen background · button fill
• #111111text-primary · main heading · button text · cookie banner title
• #666666text-secondary · subheading label · cookie description text · privacy choice link
• #E5E5E5border-subtle · button borders · dropdown border
• #111111button-black · cookie banner primary actions

Type

• titleSF Pro Display · 44px · 600 · #111111
• body-secondarySF Pro Text · 26px · 400 · #666666
• buttonSF Pro Text · 30px · 500 · #111111
• cookie-bodySF Pro Text · 24px · 400 · #444444

Elements

• account-management-dropdown · dropdown_pill

  Top right below nav bar, width ~580 px, height ~80 px. · White background, rounded outline with chevron icon and label.

• sso-buttons-group · button_group

  Vertical stack of 4 full-width outlined buttons, spaced ~20 px apart, each ~110 px high. · Outlined pills with brand icons (Google multi-color, X logo, Apple silhouette, mail icon).

• cookie-consent-card · modal_overlay

  Floating card overlaid over bottom login controls, width ~92% (~1000 px), height ~420 px. · White surface with 1px border (#E5E5E5), slight elevation shadow, contains close button, text and actions.

• accept-all-cookies-btn · button

  Bottom right of cookie card, width ~440 px, height ~76 px. · Solid black pill (#111111) with white centered text.

• reject-all-cookies-btn · button

  Adjacent to accept cookies, width ~250 px, height ~76 px. · Solid black pill (#111111) with white centered text.

Layout

Authentication modal view displaying SSO provider buttons with an overlapping floating cookie banner at the bottom.

Notes

Text font is likely standard sans-serif system stack (-apple-system, BlinkMacSystemFont or Roboto).