XOX

How it’s built

Layout

Inside a pink bounded panel, a loose white tic-tac-toe grid holds colorful cartoon face tokens. Large slanted white YOUR and TURN flank the grid, with colorful identity centered at top and a small mark below. Broad pale brush-like X shapes sit behind the board. The blue surround is gallery presentation.

Type

Bold condensed slanted uppercase white words, compact colorful outlined logo and small sans lower mark. Exact font and metrics unknown.

Color and surface

Bright pink field, white lines/text, pale pink brush X marks, multicolored outlined character tokens.

Components

Three-by-three drawn grid, face tokens, split turn label, logo and lower mark.

What makes it work

• Bright pink field and loose white grid
• Colorful outlined character-face tokens
• Large slanted white words flanking board
• Pale brush-like X background marks

Live behavior

Today

The welcome screen uses a bright pink field, a central expressive cartoon face, a magenta XOX wordmark and large pale diagonal background lettering. White rounded controls include MEET THE TEAM and, on desktop, a LET’S START speech bubble. A cyan cookie card with a cookie illustration and white ALLOW ALL and DENY buttons occupies the lower area; a small audio icon appears at bottom left.

Responsive

At 1440×1000 the face and start bubble sit above a wide horizontal cookie card. At 768×1024 and 390×844 the face is smaller and the cookie card becomes a tall centered panel with stacked actions. The start bubble and descriptive copy are not visible in the saved narrow screenshots; the notice occupies much of the lower viewport. These frames do not establish whether elements are hidden or temporarily obscured, nor exact breakpoints.

Scroll

The state labeled desktop-scroll records actual scrollY 0 in a 1440×1000 document matching the viewport and remains on the welcome scene. The facial expression differs from the preceding still, but the timed frames also differ, so the change cannot be attributed to the attempted scroll.