Brand + Bootstrap Showcase

Bootstrap 5 powers the responsive, mobile-first foundation of MOKO-CASSIOPEIA, delivering a scalable grid system, standardized components, and utility classes. This implementation integrates Moko Consulting brand variables to ensure consistency, accessibility, and performance across all interfaces.


Full variable system, gradients, and Bootstrap components

Hover gradients to sample exact pixel color

Color System

 
--color-primary
 
--accent-color-primary
 
--accent-color-secondary
 
--secondary-bg
 
--tertiary-bg
 
--border-color

RGB Gradient

Black to White Gradient

Typography

Heading 1

Heading 2

Heading 3

Lead paragraph

Body text with link and inline code

Buttons

Badges

Primary Success Danger

Alerts

Table

#NameStatus
1ItemActive
2ItemInactive

Forms

Cards

Card Title

Example content

Accordion

Content

Tabs