production
put.io
#333 · #fff · #FDCE45
App icon
One mark, five formats, four flavors. The mark is never hue-shifted.
SquircleiOS, macOS, Android, web
Banner 16:9Android TV
PosterRoku channel, 4:3
Top shelfApple TV, wide hero
Splashcentered wordmark on #161616
Productioncharcoal surface, brand mark
Nightlytrue black, star field, moon, saucer. TestFlight and internal tracks
Devblueprint blue + grid, white glyphs, yellow takes the dev accent
Labnear-black green, green accent. Roku only
01
SquircleiOS · macOS · Android · web · 1024×1024 source
app-icon-source.png
nightly · staging
put.io · nightly
#050505 · #fff · #FDCE45
dev · local
put.io · dev
blueprint + grid
02
Android TV bannerLauncher banner · 320×180 (16:9) · centered wordmark
required by Android TV guidelines
production
put.io · banner
white + yellow on #333
nightly · staging
put.io · nightly banner
retro logo on night sky
dev
put.io · dev banner
white on blueprint
03
Roku channel posterChannel grid tile · 4:3, 540×405 FHD · centered wordmark
channel poster
production
put.io · channel
centered wordmark
nightly · staging
put.io · nightly channel
retro logo on night sky
dev
put.io · dev channel
white on blueprint
Wordmark only, centred on charcoal. No mark+wordmark stack.
Same composition as Android TV and Apple TV.
Same composition as Android TV and Apple TV.
04
Apple TV top shelfFeatured slot · 1920×720 (2.66:1) · wordmark hero
tvOS HIG · top-shelf slot
production
put.io · top shelf
wordmark on #333
nightly · staging
put.io · nightly top shelf
retro logo on night sky
dev
put.io · dev top shelf
white on blueprint
Wordmark only. Read at couch distance, so it matches Android TV and Roku exactly.
05
Splashwordmark centered on #161616 · Roku splash_color
splash
production
put.io · splash
#161616 · splashBackground
nightly · staging
put.io · nightly splash
retro logo on night sky
dev
put.io · dev splash
white on blueprint
Wordmark centred on
channelArt.production.splashBackground (#161616). #333 is for poster, banner and top shelf only. No P-mark, no stack, no gradient. iOS ships no launch art.
Nightly renders
Never invert, tint or flatten the wordmark on nightly. Dev recolours the yellow to
logo-retro-dark.svg exactly as production: white glyphs, #FDCE45 drop-shadow. The night sky carries the flavor, not the mark.Never invert, tint or flatten the wordmark on nightly. Dev recolours the yellow to
channelArt.development.accent only because yellow vanishes into blueprint blue; the specimens here flatten it to white. Black has no such problem.
Master
1024 × 1024
app-icon-source.png
Wordmark
logo-retro-dark.svg
white + #FDCE45
Build surfaces
#050505 + sky · blue + grid
nightly · dev
TV surface
#333 charcoal
brand charcoal
Flavors
Production · Nightly · Dev · Lab
set differs per platform
Roku: production, dev, lab.
Android: production, nightly. Debug reuses the production icon.
iOS: dev, nightly. Only nightly has an icon.
Bundle IDs differ per flavor, so they sit side by side on one device. The icon is the only way to tell them apart on a home screen.
Android: production, nightly. Debug reuses the production icon.
iOS: dev, nightly. Only nightly has an icon.
Bundle IDs differ per flavor, so they sit side by side on one device. The icon is the only way to tell them apart on a home screen.
Stars: three sizes, three opacities, weighted faint. Scattered, never gridded. Clear of both objects.
Moon: top-left, full disc
Saucer: top-right, hull no wider than the moon. White hull, pale-gold dome, three yellow underlights. No tractor beam, it competed with the mark.
Assets:
Moon: top-left, full disc
#FDCE45, craters channelArt.nightly.moonCrater (#EBBD33). nightly-fullmoon.png predates the token and still draws #EDBB35 and #E4B02D.Saucer: top-right, hull no wider than the moon. White hull, pale-gold dome, three yellow underlights. No tractor beam, it competed with the mark.
Assets:
nightly-starfield.png (256×256, tiled at 150px), nightly-fullmoon.png, nightly-saucer.png. Static. No animation, no glow.