Please enable JavaScript.
Coggle requires JavaScript to display documents.
NEL Design system (Principles (Games (Roulette, Common Draw, Blackjack),…
NEL Design system
File structure
Global components
:pencil2:
Style
:pencil2:
#
#
#
Typography
Mobile
Title - Medium 17
Body 1 - Light 17 80%
Body 2 - Light 12 80%
Subheading - Regular 12
Caption - Light 12
Button - Regular 12 ALL CAPS, tracking 4
Felt
medium 17
medium 12
Display 1 - Light 20
Display 3 - Light 27
Headline - Light 17
Display 2 - Light 24
Display 4 - Light 32
Display 5 - Light 36
Desktop NOT UPDATED
Display 2 - Regular 20
Display 1 - Light 24
Headline - Light 17
Title - Semibold 17
Body 1 - Light 17 80%
Body 2 - Light 12 80%
Subheading - Regular 13
Caption - Light 12
Button - Regular 12 ALL CAPS, tracking 4
Felt
Demi 18
Demi 13
Display 3 - Light 27
Colors
Primary
White (80%)
grey/500
gold/500
Black
Secondary
red/500
green/500
light-green/500
Organisms
#
#
#
#
Molecules
#
#
#
#
Atoms
#
#
#
#
Products
Common Draw screens :pencil2:
Components :pencil2:
Molecules
Atoms
Organisms
Blackjack screens :pencil2:
Components :pencil2:
Molecules
Atoms
Organisms
Roulette screens :pencil2:
Components :pencil2:
Atoms
Organisms
Molecules
Framework
:pencil2:
Components
Molecules
Atoms
Organisms
Principles
Motion
Sound
Games
Roulette
Common Draw
Blackjack
Branding
Text
component structure
OS
Framework (menu related components, subpages etc)
Product (game specific components)
(Stream + Chromakey)
layer name structure
Platform/Atomic-label/MainCat/SubCat/State
Example of both desktop and mobile: Shared/Atom/StatsNumber/Red
Example of mobile: Mobile/Atom/Stats/Number/Red
Example of desktop: DesktopAtom/Stats/Number/Red
Text name structure
size/font-name/alignment/color
Workflow
styles plugin
Style generator (generate/update text styles)
Shared text styles (exports and imports text styles)
Helper
Sketch packs (export/import pack of plugins)
C-Library
Game loops components
Controls
inputs
Feedback
UI-Components
Controls
Data viz
inputs
ETC
Global
Visual language
Color
Iconography
Type
Categories
Controls
Hit
rebet
chips
Information display
Statistics
tables
illustration
Feedback
Win
notifications
action feedback
timer/countdown
Customization
Favourites
preferences
Settings