playroll
Play Create

PLAYROLL LAB 路 ICONS

The rolled p, everywhere

Options for the WhatsApp preview, the Plays page, every other page, the browser tab and the home screen icon. Each option has a letter, so you can reply with picks like "Plays B, tab A". Back to the lab

1. WhatsApp preview card

Why no picture shows today: the share picture is the logo on a see-through background, squeezed into a wide frame, and WhatsApp drops or blacks it out. The page also tells WhatsApp its address is playroll.live, which bounces to www.playroll.live, which points back to playroll.live, a loop WhatsApp gives up on. The fix is a proper 1200 x 630 card picture plus one address everywhere. The address fix is already saved in this preview.
Recommendation: O1. It matches the site, reads clearly in WhatsApp's light and dark modes, and the gradient tile is the same icon people see in their browser tab. Share links for single Plays (playroll.live/p/...) keep using each game's own cover art; they get the address fix too.

2. Plays page header (on green)

Every row is the real header size. Switch the wordmark style to see it with each icon.

A. GradientToday
playrollFor YouFor BuildersFor BrandsPlayCreate
B. WhiteMY PICKClean white p
playrollFor YouFor BuildersFor BrandsPlayCreate
C. White, soft shadowLifts it off the green
playrollFor YouFor BuildersFor BrandsPlayCreate
D. White, purple faceWhite p, purple twinkles and smile
playrollFor YouFor BuildersFor BrandsPlayCreate
E. NavyMatches the dark text on green
playrollFor YouFor BuildersFor BrandsPlayCreate
F. White chipGradient p on a white tile
playrollFor YouFor BuildersFor BrandsPlayCreate
Recommendation: B with wordmark 1. It's the white p you asked for, it's crisp on green, and the wordmark stays the same as every other page. Try wordmark 3 if you want the strongest contrast. The player that opens over this page stays navy, so its icon keeps the gradient.

3. Homepage and every other page (on navy)

A. GradientMY PICKToday
playrollFor YouFor BuildersFor BrandsPlayCreate
B. WhiteSame as the Plays page pick
playrollFor YouFor BuildersFor BrandsPlayCreate
C. White, gradient faceWhite p, gradient twinkles and smile
playrollFor YouFor BuildersFor BrandsPlayCreate
D. Gradient, glowSoft purple glow behind the p
playrollFor YouFor BuildersFor BrandsPlayCreate
Recommendation: keep A. The gradient is the brand on navy; white is best saved for coloured backgrounds like the green Plays page.

4. Browser tab icon

Shown at true tab size (16 px) in light and dark browsers, then larger.

A 路 Playroll | What's your Play?B 路 Playroll | What's your Play?C 路 Playroll | What's your Play?D 路 Playroll | What's your Play?E 路 Playroll | What's your Play?
A 路 Playroll | What's your Play?B 路 Playroll | What's your Play?C 路 Playroll | What's your Play?D 路 Playroll | What's your Play?E 路 Playroll | What's your Play?
A. Gradient tileLive nowMY PICK
B. Green tileMatches the Plays page
C. Navy tileGradient p on site navy
D. White tileGradient p on white
E. Purple tileWhite p on house purple
Recommendation: keep A. It's the boldest at 16 px on both light and dark tabs. B is a good second if you want the tab to echo the green Plays page.

5. Home screen icon

What people see when they add playroll.live to their phone's home screen (iPhone and Android), on a dark and a light wallpaper.

A 路 playrollB 路 playrollC 路 playrollD 路 playrollE 路 playroll
A 路 playrollB 路 playrollC 路 playrollD 路 playrollE 路 playroll
Recommendation: A, the same as the tab, so the brand looks the same everywhere. It's already uploaded as fav-tile, so it's live on iPhones once the site is published again.