Loading
The foundations of Ambrosio Health's visual system — typography, color, spacing and motion built to communicate scientific precision with human warmth.
Three type families work together to balance visual impact, readability and scientific precision — each with a defined role in the system.
A warm, organic palette that combines the energy of vitality orange with the richness of bio gold — expressing science with soul.
A rigorous 8-point scale that ensures consistent visual rhythm across all interfaces — from micro to macro.
Ambrosio Health's motion is organic, purposeful and never decorative. Every transition has a function, every curve has an intention.
cubic-bezier(0.4, 0, 0.2, 1)cubic-bezier(0.175, 0.885, 0.32, 1.275)cubic-bezier(0, 0, 0.2, 1)cubic-bezier(0.4, 0, 1, 1)Hover over the cube to see the Brand Spring in action — cubic-bezier(0.175, 0.885, 0.32, 1.275) at 350ms.
The overshoot creates a sense of vitality and energy, aligned with the brand identity. Use sparingly — only for interactions that deserve highlighting.
Hover to activate animation