MATERIAL 01Glass
Visucio Workspace
Clarity in
the foreground.
Depth to organize.
Transparency to connect.
VYour next project
VISUCIO UI / 1.2 · LIQUID MOTION
An interface you can feel.
More transparency. Motion that connects every gesture.
The Visucio identity, ready for your next project.
Clarity in
Small gestures.
Precise responses.
Explore components
TYPOGRAPHY100 — 900
Ag123
Tailored to you.
PreferencesMicrointeractions
Details make the difference.
Local demo
A shared language.
Explore the foundations01
Identity
Visucio blue, precise neutrals and consistent proportions.
02
Clarity
Readable states, visible focus and keyboard navigation.
03
Freedom
Independent CSS. Use it with HTML, PHP or your framework.
LIBRARY / COMPONENTS
Ready to compose.
Working examples with HTML for every component.
LIBRARY / FOUNDATIONS
It all starts with a foundation.
Colors, typography and proportions that connect products.
LIBRARY / MOTION
Motion with intention.
Short animations to guide attention and confirm actions.
LIBRARY / ICONS
A consistent stroke.
60 Lucide icons, including financial products and concepts. Click to copy the HTML.
Financial products and concepts
20 semantic mappings for Visucio interfaces.
Interface and navigation
Decorative icons use aria-hidden. Give icon-only buttons an accessible name. Lucide license
DOCUMENTATION / INTEGRATION
Your project. Our foundation.
No registration. No framework dependency. No build step.