explainX.ai
Documentation

Use this style guide template to quickly align your websites brand and visual direction. Take control of global styles to edit typography, colours & elements across the whole site.

Product Overview

Meet explainX.ai - an xAI system that helps data scientists understand, explain and validate any machine learning algorithm. The main aim is to help business increase transparency into 'black-box' AI models, remove biases and build trust into AI predictions.

explainX.ai can be easily used by a data scientist in their Jupyter Notebook in a single line of code.

Right now, most of the machine learning models are black-boxes which means we do not know how and why they work. Due to this, around 85% of the models built by data scientists are never used and fail to provide any business value. We discovered that the main reason behind was high amount of skepticism about AI predictions from the business managers side - business managers do not trust what they do not understand.

A few images of the main graphs that data scientists will use to explain and debug their machine learning models.

Colour Palette

Primary Palette

BRAND COLOURS
Purple 900
Dark
Purple 700
Dark
Purple 600
PRIMARY
Purple 500
tint
Purple 300
tint
Purple 100
tint
Teal 900
DARK
Teal 700
DARK
Teal 600
PRIMARY
Teal 500
tint
Teal 300
tint
Teal 100
tint
Pink 900
DARK
Pink 700
DARK
Pink 600
PRIMARY
Pink 500
tint
Pink 300
tint
Pink 100
tint

Secondary Palette

GRADIENT
Purple
Dark
Purple
Dark
Purple
PRIMARY
Purple
tint
Purple
tint
Purple
tint
Teal
DARK
Teal
DARK
Teal
PRIMARY
Teal
tint
Teal
tint
Teal
tint
Pink 900
DARK
Pink 700
DARK
Pink 600
PRIMARY
Pink 500
tint
Pink 300
tint
Pink 100
tint

Typography Palette

HEADING & PARAGRAPH
Grey 900
#2d3958
Grey 700
#546285
Grey 600
#7b88a8
Grey 500
#bcc4da
Grey 300
#e6eaf5
Grey 100
#f8faff

Typography Styles

Headings

Aa Bb Cc Dd Ee

Display
64px

Aa Bb Cc Dd Ee

Heading 1
48px

Aa Bb Cc Dd Ee

Heading 2
40px

Aa Bb Cc Dd Ee

Heading 3
34px

Aa Bb Cc Dd Ee

Heading 4
20px
Aa Bb Cc Dd Ee
Heading 5
18px
Aa Bb Cc Dd Ee
Heading 6
12px

Paragraph

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Large
22px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Normal
16px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Small
14px

Quotes & Lists

Quotes

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Quote 1
Default
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Quote 2
Coloured

Lists

  • Example Item 1
  • Example Item 2
  • Example Item 3
List Dots
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Numbers
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Letters

Buttons

Button Primary

Submit
Button Primary
Submit
Button Outline
Submit
Button Outline
Submit
Button Outline

Button Secondary