Web Style Guide

Version 2.0, updated 9/8/2021

Primary / Parent Brand

Sciolytix

sciolytix

Sciolytix Slate

#445b69

Black

#000000

Sciolytix Slate
Medium
#3a4e59

Gray
Very Dark
#444444

Sciolytix Slate
Dark
#1f2b38

Light Blue
Normal
#e3e7e8

Sciolytix Gold

#cbac7d

Gray
Light
#f4f4f4

Sciolytix Gold
Medium
#ad8646

Gray
Medium
#e0e0e0

Sciolytix Gold
Dark
#4d3b1f

White

#ffffff

Product Brands

Graphics are PNG / JPG, web-ready files. This download contains all the graphics shown below.

Source files are all the PSD, Adobe Illustrator, PDF, and EPS files intended for editing. This download is large – over 500 MB.

Product Family Chart
Sales Training Simulations

#A1ADB4

#FAAB3D

#000000

UPtick Banner
UPtick Pattern & Color

Harness the power of UPtick’s 3D immersive simulations and
predictive analytics to onboard and develop salespeople more effectively

Sales Performance Predictor

#A1ADB4

#EE4036

#000000

S2P2 Banner
S2P2 Pattern & Color

The best way to learn how S2P2 changes the sales hiring game is to try it.

Ready to Get Started?
Corporate LMS

#A1ADB4

#FAAB3D

#000000

LMS Banner
LMS Pattern & Color

Our Corporate LMS training will elevate your employee development to
be the catalyst that takes your workforce AND your entire business to the next level.

Corporate Learning Content

#A1ADB4

#8BC541

#000000

Learning Content Banner
Learning Content Pattern & Color
Continuing Ed Solutions

#A1ADB4

#07F49E

#000000

CED Banner
CED Pattern & Color

Our thought leadership and partnership makes our continuing education clients more successful. 

Content Fortress

#A1ADB4

#AA73FF

#000000

Content Fortress Banner
Content Fortress Pattern & Color

Content Fortress enables the training company to give access to courses on a customer’s LMS, meter exact usage, track each learner’s performance, and easily manage version control.    

Support Graphics

SoftwareReviews Emotional Footprint 2021

SoftwareReviews Data Quadrant Award 2020

SoftwareReviews Top Rated Award 2020

Training Industry’s Top 20 Experiential Learning Technology

Brandon Hall Group Excellence in Technology Award, Silver 2020

Brandon Hall Group Excellence in Technology Award, Bronze 2020

Brandon Hall Group Excellence in Technology Award, Bronze 2020

Brandon Hall Group Excellence in Technology Award, Bronze 2020

vendor neutral

Recognized as a Member of Vendor Neutral Certified 100

emotional footprint

SoftwareReviews Emotional Footprint 2020

gold medalist

SoftwareReviews Data Quadrant Award 2019

top rated

SoftwareReviews Top Rated Award 2019

Avatar
Avatar
Avatar
Avatar
Avatar
CED Block
SPP Block
SPP Block
STS Block
CF Block
CF Block

CF Block
CF Block
CLC Block
CLC Block
CF Block
LMS Block

Generic Banner
Generic Banner
Generic Banner
Home Banner
Plans Banner
Awards Cluster, Home
Blank Banner

Headings & Paragraphs

Heading – H1

Heading – H1 – Lite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Heading – H2

Heading – H2 – Lite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Heading – H3

Heading – H3 – Lite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Heading – H4

Heading – H4 – Lite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Heading – H5
Heading – H5 – Lite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Heading – H6
Heading – H6 – Lite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Normal / Default Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa. Vestibulum consequat rhoncus varius. Morbi vel purus gravida, vehicula sem quis, convallis metus. Mauris interdum nisi mollis, sagittis nisl eget, iaculis lectus. Maecenas ut est sit amet arcu molestie maximus. Donec tincidunt scelerisque libero, vel placerat sapien. Proin quam nunc, aliquet at tellus nec, luctus fermentum urna. Fusce ut magna aliquam, aliquet libero nec, faucibus nibh. Fusce sed tempor orci, a maximus sapien. Vivamus congue nulla at luctus tempor. Nam massa justo, tincidunt vitae viverra at, ullamcorper quis metus. Duis vel luctus mi.

Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa. Vestibulum consequat rhoncus varius. Morbi vel purus gravida, vehicula sem quis, convallis metus. Mauris interdum nisi mollis, sagittis nisl eget, iaculis lectus. Maecenas ut est sit amet arcu molestie maximus. Donec tincidunt scelerisque libero, vel placerat sapien. Proin quam nunc, aliquet at tellus nec, luctus fermentum urna. Fusce ut magna aliquam, aliquet libero nec, faucibus nibh. Fusce sed tempor orci, a maximus sapien. Vivamus congue nulla at luctus tempor. Nam massa justo, tincidunt vitae viverra at, ullamcorper quis metus. Duis vel luctus mi.

Medium Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa. Vestibulum consequat rhoncus varius. Morbi vel purus gravida, vehicula sem quis, convallis metus. Mauris interdum nisi mollis, sagittis nisl eget, iaculis lectus. Maecenas ut est sit amet arcu molestie maximus. Donec tincidunt scelerisque libero, vel placerat sapien. Proin quam nunc, aliquet at tellus nec, luctus fermentum urna. Fusce ut magna aliquam, aliquet libero nec, faucibus nibh. Fusce sed tempor orci, a maximus sapien. Vivamus congue nulla at luctus tempor. Nam massa justo, tincidunt vitae viverra at, ullamcorper quis metus. Duis vel luctus mi.

Large Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Huge Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

03. List Styles

Default List Style – un-ordered list

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
  • Item #3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    • Item #3A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    • Item #3A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
      • Item #3A.A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
      • Item #3A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Default List Style – numbered list

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
  2. Item #3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    1. Item #3A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    2. Item #3A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
      1. Item #3A.A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
      2. Item #3A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Square List Style

  • Item #1 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    • Item #1B – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
      • Item #1BC – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
  • Item #2 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
  • Item #3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Check List Style

  • Item #1 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    • Item #2 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    • Item #2 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
      • Item #3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
  • Item #3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
  • Item #3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

Arrow List Style

  • Item #1 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    • Item #1A – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
    • Item #2B – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
  • Item #2 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.
  • Item #3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem dui, volutpat sodales quam vel, vehicula suscipit massa.

03. Buttons

Primary Button
Secondary Button
Tertiary Button
Skye Blue Button
Green Button
Orange Button
Burnt Sienna Button