Lokesh Mohan
App Icon & Brand WorldSun TV Network

Sun NXT

One play button. A million stories.

Sun NXT is where five languages of Indian film and TV go to be binged: the app millions open the second a new release drops. Its icon carries that whole feeling in one shape: SUN, NXT, and a play triangle waiting exactly where the N and X cross. This case study starts with that real, shipped icon, then follows a self-directed thought experiment: what would it feel like if that one shape ran the entire app?

Category
OTT Product · App Icon & Brand World
Client
Sun TV Network: Sun NXT
Focus
App icon design · A brand world built around it
Expression
Icon, Mood, Screens, Motion and Store presence
A red-and-violet Sun NXT campaign key visual: a young woman mid-laugh holding her phone, the wordmark over a filmstrip pattern
01

Overview

Sun NXT streams films, TV and live sport across Tamil, Telugu, Kannada, Malayalam and Bengali: the kind of app opened in the same breath as ‘what are we watching tonight?’ Its icon is the real, client-approved master: SUN, NXT, and a play triangle sitting in the crossing the two words already make. Every use of it in this case study is unaltered.

02

Challenge

A streaming icon has two very different jobs: sit quietly correct on a home screen next to fifty other apps, then feel like an invitation the moment someone actually opens it. Past the icon itself, the brief I set myself was to see whether that feeling could survive the trip from a 24px lock-screen badge all the way to a living-room TV, without losing an ounce of its warmth.

What I did

  1. 01Designed and shipped the SUN NXT app icon: the client-approved master.
  2. 02Ran a self-directed study in what the icon’s own geometry could become: colour, motion, screens.
  3. 03Sketched the app’s core viewing moments (home, a film’s detail page, the watchlist) in that language.
  4. 04Followed the mark wherever an audience actually meets it: the App Store, the TV row, the lock screen.
03

Approach

Every streaming app needs a play button. Sun NXT’s was already hiding inside its own name: where the N meets the X, a triangle appears for free. So the whole system runs on one rule: don’t invent, discover. The crimson, the gold triangle, the way a title loads in: all of it traces back to that one crossing point, the same way a good show doesn’t announce itself, it just quietly starts.

The system

  • Icon System
  • Colour & Mood
  • The Viewing Screens
  • Launch Motion
  • On the Big Screen
  • Store Presence
04

Design development

Logo anatomy board: SUN, NXT and the play triangle broken into cap-height, stroke-share and offset rules
01Logo anatomy
Proportional construction study of the SUN NXT lockup with grid, crossing axis and optical-centre annotations
02Construction study
One master icon shown across six colour contexts and a size ladder from 1024px down to 24px
03Icon system
Colour ramps for magenta, gold, ash and status colours, with a featured content card showing the type scale
04Colour & typography
A design-token table mapping colour, surface and text roles to dark and light theme values
05Design tokens
A component library sheet: buttons, content cards, navigation and a full icon grid, all in states
06Component library
Six core app screens: home, movie detail, player, search, downloads and subscription
07Mobile experience
Eight more app screens: splash, onboarding, search results, series detail, continue watching, watchlist, profile and settings
08The rest of the app
A five-step launch animation sequence: ground, crimson wipe, lockup resolve, gold triangle, scale into home
09Launch sequence
The icon shown on an iPhone home screen, an Android adaptive-icon canvas, an App Store listing and a lock screen
10Icon in context
The icon shown in context across iPad, smart TV, web and a wearable: one system, four distances
11Device ecosystem
Six app-store and marketing slides plus social crops, each built around one headline and the device
12Store & marketing

A self-directed concept study extending the real, approved Sun NXT app icon into a full brand world. Poster artwork and titles inside these boards are invented: no third-party film imagery is used.

“The N and the X already share a stroke. Where they cross, the play button sits. That intersection is the whole identity, and everything in this system is built on it.”

Measured, not invented.

05

Execution

SUN NXT app open to a home feed, the film Vikram mid-detail with a play button and rating, and a genre browse screen
01Vikram, mid-play
The real App Store listing for Sun NXT: Live TV & Movies, five stars, 28k ratings, a GET button, and a premiere card
0228,000 ratings, and counting
App screens for the film Jailer, a watchlist of Kannada and Telugu titles, and a profile page with a mixed-language library
03Five languages, one watchlist
A living-room television home screen with the Sun NXT tile sitting beside Tubi, ESPN and YouTube
04Also lives on the big screen

These screens are real: the App Store listing, the TV row, the regional titles. What follows is a self-directed concept study built around them, extending the real, approved icon into a full brand world. Poster artwork inside the concept boards is invented, no third-party film imagery appears there.

06

Impact

  1. 01One real, shipped icon: the first thing five language-audiences tap when it’s time to watch something tonight.
Languages
Tamil, Telugu, Kannada, Malayalam and Bengali
The exploration
Icon → screens → motion → the living room, in one visual language
The best entertainment icons don’t ask to be admired. They just sit there quietly, promising a good few hours ahead.
Next project →Kenvue: Design IndiaDesign Leadership & Global Operations · Kenvue
Five Kenvue brands staged together (Listerine, Johnson’s Baby, Neutrogena, Nicorette and Aveeno), spanning oral care, baby, skin and cessation