Learn basics of design systems

Posts

Chapter

What is a Design System?

Design systems are an important tool for creating user experiences that adhere to consistent principles. By establishing a shared language and set of guidelines, design systems make it easier for teams to collaborate efficiently on product development.

Chapter

The Components of a Design System

This post provides an overview of the components of a design system, including design principles, visual language, and UI components/patterns. It discusses the importance of branding elements, UI patterns, layout templates, visual standards, accessibility guidelines, animation guidelines, and component libraries in creating a cohesive and consistent user experience.

Chapter

Design Principles: The Foundation

Design principles are the guiding stars that light up the twinkling night sky of your design system. They are the foundation upon which your design decisions are made and the compass that points you in the right direction.

Chapter

Establishing a Visual Language: Colors

Learn how to create a color palette for your design system in this deep dive into establishing a visual language. Discover the importance of colors in design, how to choose the right shades, and tips for maintaining consistency. Explore various resources and examples to guide you in building an effective color palette for your design projects.

Chapter

Establishing a Visual Language: Typography

This article provides a detailed discussion on choosing and using typography in a design system. It explains the importance of typography in creating a consistent and recognizable look for brand communications. It also offers tips for beginners and factors to consider when choosing and using typography in a design system. The document emphasizes the role of typography in establishing a visual language and delivering a compelling message to the audience.

Chapter

Designing Icons and Other Graphics

Learn how to create and use visual elements like icons, illustrations, and more in your design system. Understand the key considerations when designing icons, organizing assets, and the debate between using icons as fonts or SVGs.

Chapter

Designing UI Patterns: An Overview

As designers, we often need to find solutions that are both practical and visually appealing. We have at our disposal a wide range of UI components and visual patterns—all which help us in creating more effective designs. In this blog post, we’ll be diving into the fundamentals of UI components and design patterns so that you can become well equipped for designing attractive user interfaces that provide optimal functionality. Let's begin by providing an overview of what exactly UI components are, how they relate to design patterns, as well as some thought starters for using them successfully.

Chapter

Designing UI Patterns: From Buttons to Forms

This detailed blog post provides comprehensive guidance on designing various UI elements, from buttons to forms. Learn essential principles, best practices, and tips for creating user-friendly and visually appealing UI designs that enhance the overall user experience.

Chapter

Designing UI Patterns: Nav, Cards, & More

Discover detailed guidance on designing UI patterns like navigation, cards, and more. Learn how to create intuitive and consistent user interfaces that meet usability standards. Explore tips for formatting content effectively and strategies for minimalist presentations. Elevate your designs with UI patterns and create an enjoyable user experience.

Chapter

Writing Effective Usage Guidelines: The Basics

Learn how to write effective usage guidelines, avoid common pitfalls, and create a user-friendly environment. Case studies highlight the impact of clear guidelines on branding. Gain insights into the principles of usability and the significance of usage guidelines in product development.

Chapter

Case Study: Design Systems in Action

From digital product developers to UI and UX designers, everyone's talking about design systems these days. But if you're looking for an example of a successful implementation of a design system project in action then look no further!

Chapter

Design System Pitfalls and Best Practices

A wrap-up post discussing common mistakes to avoid and best practices to follow when creating a design system.

Web Design • WebFlow Development

Web Design • Dashboard Design

Radxu

Branding • Strategy • Web Design

Safe Society

Web Design • WebFlow • Migration

Translate Culture

Dashboard Design • Website

Imperium

Download our Design System Blueprint

Are you looking for a comprehensive design system blueprint for your next project? Look no further! Enter your email below to receive our exclusive Design System Blueprint. This resource, created by NEUE WORLD, is packed with valuable insights and practical tips to help you build a solid design system that will elevate your project to the next level.

✓ The Basic Checklist

✓ Designing from Scratch

✓ With Existing Designs

✓ Inventory Checklist

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.