BLOG
UI Tools Mobile Menu
Suggest Tool
IF Design System

IF Design System

If the designers and developers behind Design System give teams access to common resources including elements, components, patterns, and code as well as instructions on how to design and build with them.

Visit Website

About IF Design System

If the designers and developers behind Design System give teams access to common resources including elements, components, patterns, and code as well as instructions on how to design and build with them.

Design

You're in the right place if you're just getting started with the If Design System. This covers recommendations for fonts, colors, icons, layout, and organization.

Components

The reusable building pieces of our design system are components. Each component is designed to address a particular interaction or user interface need and was constructed with the intention of cooperating to produce patterns and intuitive user interfaces.

Reusable code called components is used to create pages quickly. For all of our shared UI elements, they serve as the source of truth.

These elements are adaptable, and we constantly improve and expand them.

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.

Suggest Product