BLOG
Suggest Product
R

Ratio

Ratio is a new Rambler design system designed to optimize work with the visual language of products and their interfaces.

Visit Website

About Ratio

For a technology company like Rambler, which likely operates a diverse portfolio of web services, media properties, and digital products, maintaining a consistent and recognizable visual identity across all its offerings is a significant undertaking. As the number and complexity of digital touchpoints grow, ensuring that each product speaks the same visual language becomes increasingly challenging. Recognizing this, Rambler has introduced Ratio, a new design system specifically crafted to optimize work with the visual language of their products and their interfaces.

The introduction of Ratio signifies a strategic effort by Rambler to streamline and standardize its design process. The very name "Ratio" suggests a focus on proportion, balance, and a systematic approach to visual elements – principles that are fundamental to creating cohesive and aesthetically pleasing interfaces. As a new design system, Ratio likely incorporates modern design principles, updated visual styles, and perhaps leverages contemporary tools and workflows to address the current and future needs of Rambler's product development teams.

Ratio is explicitly "designed to optimize work with the visual language of products and their interfaces." This focus on "visual language" indicates that a core function of Ratio is to define and document the fundamental aesthetic elements that constitute the Rambler brand in the digital space. This includes specifying the approved color palettes, typography hierarchies, iconography styles, spacing rules, and overall layout principles. By providing clear standards and guidelines for these visual elements, Ratio ensures that designers and developers across different product teams have a unified understanding of how Rambler products should look and feel.

Furthermore, the emphasis on "interfaces" highlights Ratio's practical application in the creation of digital touchpoints. The design system provides
reusable components – the building blocks of user interfaces such as buttons, navigation menus, forms, and data displays – that are pre-styled and built according to the defined visual language. These components are the tangible manifestations of Ratio's principles, allowing teams to quickly assemble interfaces while guaranteeing visual consistency. The documentation accompanying these components likely provides guidance on their appropriate usage, variations, and behavior, further ensuring uniformity across different products.

The optimization of work promised by Ratio is a direct result of standardizing the visual language and providing
reusable interface components. For design teams, Ratio streamlines the creation process by providing a library of approved visual styles and components, reducing the need to design common elements from scratch. This accelerates the design phase and allows designers to focus on more complex user experience challenges. For development teams, Ratio offers coded components that precisely match the design specifications, facilitating faster implementation and reducing the potential for inconsistencies between design and code. This improved efficiency in both design and development leads to a more streamlined and agile product creation workflow across Rambler.

Ultimately, the implementation of Ratio contributes to a more cohesive and recognizable digital presence for Rambler. When all products adhere to the same visual language and utilize the same interface components, users experience a sense of familiarity and consistency as they navigate between different Rambler services. This strengthens the Rambler brand identity, builds user trust, and improves the overall usability of their diverse product portfolio.

In conclusion, Ratio is a significant development for Rambler, representing a dedicated effort to optimize its work with the visual language of its products and interfaces. By providing a centralized and systematic approach to defining visual styles and offering
reusable interface components, Ratio empowers Rambler's design and development teams to work more efficiently and consistently. This focus on optimizing visual harmony through a new design system is crucial for creating a unified and recognizable digital experience that benefits both Rambler and its users across their wide range of digital offerings.

Blog Posts About Design System

Related Products View All
P
Pluralsight Design System

The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.

H
Human Interface Guidelines

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

S
Seek Style Guide

The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.

S
ServiceNow Design System

The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.

N
Nachos

Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.

P
Photon Design System

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

P
Predix Design System

Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.

C
Canvas Design System

This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.

G
Global Experience Language (GEL)

GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.

Y
Yelp Styleguide

The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.