1. Home
  2. Design System
ENTERPRISE SPECIFICATION 2.0

ALEQANT Design System

A centralized, reusable component architecture engineered for enterprise consultancy and technology positioning. Features restrained border radii, authoritative typography, WCAG AA compliance, and 6 core variants.

Color Foundations & Restrained Radii

ALEQANT avoids consumer SaaS bubbly aesthetics in favor of crisp enterprise precision.

Brand & Neutral Palette

Midnight (#071624)
Deep Navy (#0A2036)
Navy (#0D2B47)
Cyan (#18C7D9)
Electric Blue (#2795F5)
Classic Blue (#1677D2)
Cloud (#F3F7FA)
Slate (#667586)

Restrained Border Radii Scale

radius-none: 0px
radius-xs: 2px
radius-sm: 4px
radius-md: 6px (Buttons/Inputs)
radius-lg: 8px (Cards/Alerts)
radius-xl: 10px (Panels)
radius-pill: (Badges only)

Button & IconButton Suite (6 Variants)

Standardized across Primary, Secondary, Outline, Ghost, Dark, and Light variants with loading and icon states.

Light Background Variants
Dark Background Variants
States & Sizing
IconButton Components

Card, SolutionCard, InsightCard, IndustryCard & Stat

⌘
01 / AI

ALEQANT AI

Enterprise AI, generative models, autonomous agents, RAG architectures and governance.

  • AI Opportunity Assessment & Strategy
  • Generative AI & Domain Copilots
  • Responsible AI Governance & Security
Explore Solution →
Artificial Intelligence 6 min read

From Experiment to Enterprise: Making AI Production-Ready

Why moving beyond proof-of-concepts requires robust governance, clean domain data, and practical human-in-the-loop workflows.

By ALEQANT AI Practice September 2026
🏦

Financial Services

Modernising core platforms, establishing governed data lakes, and implementing compliant AI analytics.

6 Pillars
Connected Transformation Capabilities

Tabs, Accordions, Modals & Alerts

Accessible ARIA Tabs

ALEQANT connects people, process, data, AI, technology and financial insight to help organisations make better decisions.

Collapsible Accordion
Restrained border radii, enterprise-grade typography, WCAG AA compliance, and structured color tokens engineered for authoritative consultancy.
Alert & Notification Banners
ℹ
Information: All ALEQANT design system components are accessible and keyboard navigatable.
✓
Success: Brand tokens and component definitions validated across the digital estate.
⚠️
Notice: Avoid overly rounded SaaS bubbly borders on enterprise cards.
✕
Error: Required field validation failed. Please review the highlighted inputs.
Interactive Modal Component

FormField, Select, Textarea & Checkbox