SkillSenseby ExceedXE

Design System Preview

SkillSense Design System

A comprehensive showcase of typography, colors, components, and UI patterns for the SkillSense platform — AI-powered Training Needs Analysis for enterprise L&D teams.

Dashboard Stats

Animated stat cards with icons and trend indicators

+12%

2,847

Active Users

+8%

156

Assessments

+3%

Competencies

+5%

87%

Completion Rate

Typography

Outfit for headings · Inter for body text

Heading 1 — Take the Guesswork out of Training

Heading 2 — AI-Powered Insights

Heading 3 — Competency Framework

Heading 4 — Assessment Results

Body (base) — SkillSense uses AI-powered training needs analysis to save time and money with insights into delivering targeted learning and skill development programs.

Small / Muted — Last updated 2 hours ago · Created by Priyanshu Sharma · 12 competencies mapped

Overline / Label — Assessment Overview

Color Palette

Brand colors with light & dark mode support

Brand

Primary

--primary

Secondary

--secondary

Accent

--accent

Neutral

Background

--background

Foreground

--foreground

Muted

--muted

Surface

Card

--card

Border

--border

Input

--input

Status

Destructive

--destructive

Success

--success

Warning

--warning

Buttons

All button variants with icon support

Badges

Status indicators and labels

DefaultSecondaryDestructiveOutlineActivePending

Form Elements

Inputs, textareas, checkboxes, and switches

Organization Name

Description

Search Employees

Email Notifications

Receive alerts for assessment completions

Auto-Scoring

Automatically score objective assessments

Modules to Enable

Assessments

Feature Cards

Cards with avatars, badges, and rich content

Core

Competency Mapping

Define and manage competency frameworks with proficiency scales, behavioral indicators, and role priorities.

AI Powered

Gap Analysis

Identify skill gaps across teams and departments with AI-powered insights and recommendations.

Premium

Learning Paths

Create personalized learning journeys mapped to competency gaps with curated resources.

Data Table

Team members with roles and status

Member	Role	Status
PS Priyanshu Sharma priyanshu@exceedxe.com	Owner	Active
SC Sarah Chen sarah.chen@acme.com	Admin	Active
JW James Wilson james.w@acme.com	HR Manager	Active
AP Ananya Patel ananya.p@acme.com	Member	Invited
MR Marcus Reid marcus.r@acme.com	Team Lead	Active