Xyla Style Guide

LOGO

Logo — Dark or Colorful Backgrounds Three pill cells are white (#FFFFFF)

ICON

Primary Purple #5602AD

Emphasis Orange #FF291A

Warning Red #D8202C

Success Green #A3E210

Info Blue #00A1CE

Basic Black #000000

100 #EBC9FA

100 #FFD4D1

100 #FDDED1

100 #FDDED1

100 #FDDED1

100 #E0E0E0

200 #D395F6

200 #FFA9A3

200 #FBB7A5

200 #FBB7A5

200 #FBB7A5

200 #C7C7C7

300 #AE5EE6

300 #FF7F76

300 #F38576

300 #F38576

300 #F38576

300 #AEAEAE

400 #8736CD

400 #FF5448

400 #E75653

400 #E75653

400 #E75653

400 #E959595

500 #5602AD

500 #FF291A

500 #D8202C

500 #A3E210

500 #00A1CE

500 #7C7C7C

600 #430294

600 #E52316

600 #B91730

600 #B91730

600 #B91730

600 #646464

700 #31017C

700 #CB1C10

700 #9B1032

700 #9B1032

700 #9B1032

700 #4A4A4A

800 #220064

800 #B0170C

800 #7D0A30

800 #7D0A30

800 #7D0A30

800 #323232

900 #180053

900 #981208

900 #670630

900 #670630

900 #670630

900 #000000

Icons Actions icon/edit

icon/close icon/create or add icon/arrow icon/calendar

icon/drag

icon/delete

icon/filter icon/menu icon/sort

Icons Label icon/tag

H1

Subtitles — Summary Cards

Metadata

COST PER REGISTRATION

ProximaNova-Semibold / 24px / #000000 @Basic-Black

ProximaNova-Light / 12px / Capitalized / #000000 @Basic-Black

H2 — Table Titles

OVERALL PERFORMANCE ALL CHANNELS

20px 30px

Configure Table: Performance By Select KPIs

ProximaNova-Semibold / 18px / Capitalized / #000000 @Basic-Black

H3 — Table Category

Side Panel

Apple

TITLE

ProximaNova-Regular / 16px / #000000 @Basic-Black

ProximaNova-Semibold / 16px / #FFFFFF

SUBTITLE H4 — Secondary Table Category

Android ProximaNova-Regular / 16px / #4A4A4A @Black700

ProximaNova-Regular / 14px / #FFFFFF Forms

Form Field ProximaNova-Regular / 12px / #000000 / Line Height 20px

Objects

Number of Installs (Day 0) ProximaNova-Semibold / 14px / #000000 @Basic-Black

Body — Table

$10,704.45 ProximaNova-Regular / 16px / #7C7C7C @Black500 Labels

ProximaNova-Regular / 12px / #7C7C7C @Black500

Links

Incipia Facebook Campaign ProximaNova-Regular / Local Font Size / #00A1CE

Assets Buttons Save or Submit Button

Assets Cards Edit Summary

Forms

Featured Summary Card

Dropdown

Date Range Create Table Chips

$43,978.29 REVENUE

Acquisition Collapse

Date Selector

FROM

Select

Next Active

Next: Select KPIs Next Inactive

Next: Select KPIs

Summary Cards

$5.47 COST PER INSTALL

Menu

- $0.13

Expand/Collapse

$7.35 Drag

21 Oct 2020

COST PER CAN CHARGE

+$0.35

UNTIL

25 Oct 2020 Select / Sub-Nav

Charger-Web

Charger-Web

Charger-Web

Charger-Web

Radio

Charger-Web Charger-Web

OVERALL PERFORMANCE ALL CHANNELS PAST 30 DAYS CHANNEL

# SIGN UPS

COST PER

DISTANCE FROM GOAL

# REGISTRATION

COST PER

# INSTALLS

COST PER

DISTANCE FROM GO

Apple

2030

$5.27

- $0.73

2030

$5.27

2030

$5.27

- $0.73

Facebook

775

$6.00

- $0.00

775

$6.00

775

$6.00

- $0.00

Google

475

$7.09

+ $1.09

475

$7.09

475

$7.09

+ $1.09

Snapchat

520

$4.67

- $1.33

520

$4.67

520

$4.67

- $1.33

PERFORMANCE BY CAMPAIGN JANUARY 2020 CAMPAIGN

SPEND

# EVENTS

COST PER EVENT

DISTANCE FROM GOAL

Apple

$14,200.00

302

$47.01

+ $0.01

Facebook

$10,704.45

590

$9.80

- $0.20

$51.71

2

$25.85

- $0.00

$55.36

1

$55.36

+ $45.36

$104.18

2

$52.09

- $1.33

$104.18

2

$52.09

- $1.33

$104.18

2

$52.09

- $1.33

500

$11.36

- $0.64

Austin Incipia_FB_ US_Bird Personal Incipia_FB_ Rentals_Traf US_Bird fic Personal Campaign_7 Incipia_FB_ Rentals_Traf .16.19 US_Bird fic Personal Campaign_7 Incipia_FB_ Rentals_Traf .16.19 US_Bird fic Personal Campaign_7 Google Rentals_Traf .16.19 fic Campaign_7 .16.19

$5,678.90

Table Properties

Columns List the dimensions/thing to be measured (KPIs) Rows Lists the subject (platform, campaign, tag, etc.)

Date Selector Applies only to the table directly below it Filtering One can filter the results to list ascending or descending by the column title