Back to Ikon

Ikon · Internal

Ikon Internal components

The look of Ikon Technologies’ internal tools: this sandbox, the Design Center of Excellence and the NextGen product guide. Untitled Sans, quiet white pages, deep teal anchors and acid green actions. The tokens and rules are in src/components/DesignSystems/IkonInternal/DESIGN.md.

Colors

Ink

ink

#080c10

ink-2

#4d5357

ink-3

#777d81

Surfaces

white

#ffffff

surface

#f4f7f5

surface-2

#edf2ef

line

#dfe5e1

Acid green

green

#17cf60

green-hover

#12b954

green-dark

#0ba64a

green-tint

#e7f6ed

Deep teal

teal-950

#081a1e

teal-900

#0c242b

teal-800

#15353c

eyebrow-on-dark

#eef48a

Product accents

tunr-blue

#007cbe

connect-violet

#6e56cf

Typography

Product

Eyebrow · 12 / Bold / uppercase / +5%

NextGen Fast Follows

Display · 36–52 / Regular / −4%

Toolbox

Section title · 24 / Medium / −2.5%

Toolbox

Card title · 22–26 / Medium / −2.5%

Advanced Roles & Permissions

Row title · 18 / Medium / −1.5%

Inventory, reconditioning and lot management for dealers, on the desktop.

Body · 16 / Regular / 1.55 / ink-2

Updated 2 days ago

Meta · 12 / ink-3

Buttons

Primary

Outline

Outline with a brand logo

Text link

Tags

9

Count

Requirements Definition

Status pill

In library

Done

Check it

Check it

Cards

Toolbox demo

Dealer platform

Toolbox

Inventory, reconditioning and lot management.

Explore Toolbox

Demo card: the whole card is the link

Light stage

Dark stage

List rows

  1. 1

    Sign-Up & User Management Enhancements

    Scalable Toolbox identity and account management: dealer self-signup, domain whitelisting and Ikon SSO.

  2. 2

    Advanced Roles & Permissions

    A reusable authorization model for Ikon and dealer users: departments, roles, groups and data scope.

Ranked row: number, title, full-width description

CTA band

Design Center of Excellence

Everything we ship, in one place.