Skip to content 
Shape
The Zurich Shape Language is our biggest arena for play and spontaneity. The Shape Language gives us the opportunity to create varied and dynamic compositions, to provide a home for our photography and Smiling Z, and to put a distinctive Zurich stamp on all our communications.
UX/UI Guidelines
Check the design documentation of the component in ZeroHeight.
From Figma to code
...
Customization
INFO
Check everything about the customization mechanics in the "How it works" documentation.
| CSS Variable | Type | Description |
|---|---|---|
--z-shape--size | distance | Assume pixels |
The size of the shape can be customized using the --z-shape--size CSS custom property.