Wave
Modular design system bridging two product surfaces
Modular design system bridging two product surfaces
Quisque rutrum tellus eget urna sollicitudin, vel egestas sapien faucibus. Etiam consequat mauris sit amet quam vulputate, nec ullamcorper sapien. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
Quisque rutrum tellus eget urna sollicitudin, vel egestas sapien faucibus. Etiam consequat mauris sit amet quam vulputate, nec ullamcorper sapien. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
Quisque rutrum tellus eget urna sollicitudin, vel egestas sapien faucibus. Etiam consequat mauris sit amet quam vulputate, nec ullamcorper sapien. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
Egestas sapien faucibus
Egestas sapien faucibus
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed aliquam.
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed aliquam.
Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum ac pretium sed.
Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum ac pretium sed.
Convallis pretium vitae posuere ac
Convallis pretium vitae posuere ac
Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy posuere.
Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy posuere.
Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id et sed. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam aliquam.
Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id et sed. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam aliquam.
The legacy interface before its evolution and rebrand into Wave
Core components, design tokens, and colour palettes with menu variants
Elementum varius semper consectetur in
Elementum varius semper consectetur in
Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum in amet.
Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum in amet.
Vivamus consectetuer hendrerit lacus. Cras non dolor. Vivamus in erat ut urna cursus vestibulum. Fusce vel dui. Sed in libero ut nibh placerat accumsan. Proin faucibus arcu quis ante. In consectetuer turpis ut velit. Nulla sit amet est. Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus ornare nulla amet.
Vivamus consectetuer hendrerit lacus. Cras non dolor. Vivamus in erat ut urna cursus vestibulum. Fusce vel dui. Sed in libero ut nibh placerat accumsan. Proin faucibus arcu quis ante. In consectetuer turpis ut velit. Nulla sit amet est. Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus ornare nulla amet.
Porttitor vitae amet
Porttitor vitae amet
Curabitur a felis in nunc fringilla tristique. Morbi mattis ullamcorper velit. Phasellus et.
Curabitur a felis in nunc fringilla tristique. Morbi mattis ullamcorper velit. Phasellus et.
Nullam vel sem. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. In auctor lobortis in sed. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Aenean viverra rhoncus pede vitae posuere sed ac purus et.
Nullam vel sem. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. In auctor lobortis in sed. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Aenean viverra rhoncus pede vitae posuere sed ac purus et.
Select library and component variants organised by use case
AI-generated user avatars for consistent mockup visual identity
Accumsan vitae ornare
Accumsan vitae ornare
Fusce fermentum odio nec arcu. Praesent blandit laoreet nibh. Fusce convallis metus id felis posuere.
Fusce fermentum odio nec arcu. Praesent blandit laoreet nibh. Fusce convallis metus id felis posuere.
Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt sed. Nam commodo suscipit quam. Sed a libero. Praesent ac massa at ligula laoreet iaculis. Vivamus aliquet elit ac nisl. Fusce fermentum. Sed libero. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis diam. Pellentesque ut neque. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem ac ornare.
Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt sed. Nam commodo suscipit quam. Sed a libero. Praesent ac massa at ligula laoreet iaculis. Vivamus aliquet elit ac nisl. Fusce fermentum. Sed libero. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis diam. Pellentesque ut neque. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem ac ornare.
Wave Design System architecture and component organisation