DisneyNOW Design : Naming Conventions

Glossary
Page Names in Sketch Files
Zeplin Tags
InVision Sections for Documentation Projects
Symbols
Text Styles

Glossary

JR = For Younger Kids
AllAges = For All Kids
Auth = Authentication
Bday = birthdate collection

***Always use title case and no spaces between hyphens

Page Names in Sketch Files

Follows numbering in Product Design and Zeplin

IX	VisD
00 Global Nav All Ages All Ages Locked Junior Junior Locked 01 Home 02 All Shows 03 Games 04 DCOM 05 On Now 06 Players 07 Detail Views 08 Profile 09 Settings 10 Authentication 11 Search 12 Chromecasts 13 Messages 14 Rewards 01 Home 02 All Shows 03 Games 04 DCOM These pages capture different states apart from the Mode ones.	00 Global Nav 01 Home 02 All Shows 03 Games 04 DCOM 05 On Now 06 Players 07 Detail Views 08 Profile 09 Settings 10 Authentication 11 Search 12 Chromecast 13 Messages 14 Rewards

Zeplin Tags

00 Global

01 Home

02 All Shows

03 Games

04 DCOM

05 On Now

06 VOD Player

07 Content Detail

08 Profile

09 Settings

10 Authentication

11 Search

12 Chromecast

13 Messages

Disney Junior

HD/SD (Format)

zzzArchive

InVision Sections for Documentation Projects

IX
00 Global Nav 01 Home 02 All Shows 03 Games 04 DCOM 05 On Now 06 Players 07 Detail Views 08 Profile 09 Settings 10 Authentication 11 Search 12 Chromecast 13 Messages 14 Rewards 14.1 - Intro 14.2 - Sub Feature 2

Artboards

Platform-Device_Feature_SubFeature_Flow_Screen-StateOrMode

Examples

Web-S_Profile_Onboarding_Bday-Keyboard
Web-S_Settings_Edit_Bday-Keyboard

If TV platform differences

TV-FireTV_Settings_Bday_Prompt_Keyboard
TV-AndroidTV_Settings_Bday_Prompt_Keyboard

If Mobile differences

Mobile-Android_Settings_Birthdate_Prompt-Keyboard

(For IX) Conditions are art boards so…

TV_Birthdate_Conditions-PromptKeyboards
TV_Birthdate_Conditions-CreationKeyboards
TV_Birthdate_Conditions-InputValidation-1
TV_Birthdate_Conditions-InputValidation-2

Symbols

Update 9/9/2019: Platform/Device/Location/Description

*Concern for components — Scaling is difficult to do consistently across platforms. Better to have set sizes per platform/breakpoint (7/25/2018)

Image Assets
- Backgrounds
- Key Art
  - Games
  - Favorites
  - Episodics
  - Movies
  - Shows
  - Collections
- Emojis
- Rewards
Colors
Logo
Mobile
- Icons (atoms and molecules)
  - Global
  - Back
  - Close
  - Heart
  - Nav
  - New flag
  - Player Controls
  - Duration Bar
- Components
  - Buttons

- Nav
- Tiles
  - Fave
  - Add Fave
  - Poster
  - Games
  - Collections
  - 16:9 (Game/Collection tiles)
  - VOD 1 line
  - VOD 2 line
- Form
  - Search
- Player (template)
  - VOD
  - OnNow
  - Games

- Filter
- Footer

Tablet
TV
Web-S
Web-M
Web-L

Text Styles

Device/Size/Weight/Color/Alignment/Opacity

Device/Breakpoint/Size/Weight/Color/Alignment/Opacity

Text Style Naming Examples:
When naming a text style for Web include the breakpoint.

Web/XL/H1/Bold/White/Center/80

Tablet/H1/Bold/White/Center/80

Atomic Design Examples

Atoms

Icons

Molecules

Video tiles

Organism

Row of video tiles
Nav

Template

Error screen templates

Page

Home Screen: Nav (Oganism) + Home (Molecule) + Row of video tiles (Organism) + Footer