Skip to content

SproutAceve · v3.33.1

Overview What is your role?Connect to Sprout MCP reference Adopting Sprout

Brand & logos Color Typography Spacing & layout Elevation Iconography Accessibility

Overview Alert Avatar Badge Breadcrumb Buttons Cards Checkbox Data grid Dialog Dropdown button Fab button Floating tabs Inputs Menu Navigation Numeric input Progress bar Progress ring Radio button Ribbon toolbar Switch Tabs Tag Tooltip

Interaction & motion Voice & content Product patterns

AI patterns AI transparency & disclosure AI disclosure label AI labels in marketing

Design principles Personas Trust and ethics Meet the makers

Build the systemplay Tower of tokensplay Site runnerplay

How it works Changelogv3.33 Roadmap Contribute

Components

Navigation.

The 64px sidenav rail is always visible on primary screens. Tiles are 64×64, 20px icon, Manrope Light 10/13 label.

Estimates

Click a tile, or Tab between them.

States

DefaultPlain — black icon stroke, label Manrope Light

Hover2px Aceve green inset on the left edge

Active4px Aceve green inset on the left edge, icon fill green, label semibold

← PreviousMenu Next →Numeric input

Sprout · Aceve Design System · v3.33.1

Figma library GitLab Releases