Rivendell Design System

Rivendell is a responsive web design system, built upon our Digital Foundations ↗ — a solid base upon which we build on-brand, accessible and consistent products that embody our digital brand guidelines.

System Design

The illustration below demonstrates how the Rivendell design system focusses on foundational elements like color, text styles, a responsive grid, and a component library in Sketch. We believe in designing UI solutions to suit the content, not fitting content to the design. Thus, the patterns designed using the system are unique to the products using the system. Likewise, the templates and pages are also unique to the products using the system, which bring all the foundations, components and patterns together to form a product.