Potion Design System

Web,

crafted in

Color Palette

Versus blue
#5aa4de
90, 164, 222
Versus red
#ed124d
237, 18, 77
White
#ffffff
255, 255, 255
Grey 40
#666666
102, 102, 102
Grey 60
#999999
153, 153, 153
Grey 70
#bbbbbb
187, 187, 187
Grey 80
#e3e3e3
227, 227, 227
Red 50
#d0021b
208, 2, 27
Green 50
#21a12e
33, 161, 46
Green tint 60
#4caf50
76, 175, 80
Green shade 40
#0d6d17
13, 109, 23
Yellow shade 60
#986900
152, 105, 0
Yellow shade 70
#c48902
196, 137, 2
Yellow tint 100
#fbd513
251, 213, 19
Yellow shade 90
#f1b706
241, 183, 6
Blue tint 90
#a3c7f0
163, 199, 240
Blue shade 70
#3b79bb
59, 121, 187
Blue shade 50
#1d5188
29, 81, 136
Blue 50
#3495dd
52, 149, 221
Grey 90
#f5f5f5
245, 245, 245
Yellow 50
#f3aa03
243, 170, 3
Orange 50
#f39439
243, 148, 57
Black 30
#444444
68, 68, 68
Red platform 50
#ec3f3f
236, 63, 63
Red platform shade 70
#a70636
167, 6, 54

Font Book

Roboto, Medium, 18px
Roboto, Medium, 18px
Roboto, Regular, 18px
Roboto, Regular, 18px
Roboto, Light, 16px
Roboto, Light, 16px
Roboto, Regular, 14px
Roboto, Regular, 14px
Roboto, Light, 14px
Roboto, Light, 14px
Roboto, Medium, 12px
Roboto, Medium, 12px
Roboto, Regular, 12px
Roboto, Regular, 12px
Roboto, Regular, 12px
Roboto, Regular, 12px

Designs

(Detail View) Left Column

0

Settings - Table

0

Footer

0

Tables

0

Navigations - Sub-navigation Header

0

Navigations - Top Navigation

0

Navigations - Side Menu

0

Form Product - general

0

Form - Versus Platform

0

Forms

0

Modal General

0

Modal Components

0

Settings Detail View

0

Settings - Table List

0

Sub-navigation Header Components

0

Progress Indicators

0

Detail View Components

0

Cards

0

Cards II

0

Links

0

Buttons - General

0

Buttons - Location Targeting

0

Form Components - Selectors, Misc

0

Form Components - Widths

0

Form Components - Inputs, Dropdowns, Textareas

0

Form Components - Errors

0

Messaging

0

Tabs

0

Labels

0

Table Components

0

Primary Colors / Theme colors

0

Secondary Colors

0

Neutral Colors

0

Versus Systems Branding Colors

0

Icons > Material Design

0

Icons > Custom (Monotone)

0

Icons > Custom (Multicolor)

0

Imagery

0

18 pt

0

16 pt

0

12 pt

0

14 pt

0