Small
Compact actions
Use for dense toolbars, filters, and secondary controls where vertical space is tight.
.imco-button .imco-button--sm Design library
UI elements and components
A working reference for the reusable interface patterns used across IMCO. Each entry shows the class contract, sizing, and live examples.
Component · 01
Buttons
Button size is controlled by one base class and optional size modifiers. The default size is medium and does not need a modifier.
Button colors
Filled and outline variants
Add one color modifier to the base button. Add .imco-button--outline for the outline version
of the same color.
Foundation · 01
Colors
The complete palette. Every token is exposed as a CSS custom property — use
var(--color-…) in styles. Each family ships a base value with tint,
shade, and contrast pairings, plus a full 50–950 ramp.
Base
Neutrals
The two fixed reference values used for pure white and near-black.
Family
Copper
Family
Sandstone
Family
Gold
Family
Midnight
Family
Danger
Family
Warning
Family
Success
Family
Info
Family
Light
Family