Design Systems, Style Guides, Pattern Libraries

Design systems streamline development, communication, and consistency – but often rely on dedicated teams and extended budgets. We wanted a tool that helps create and maintain living style guides & pattern libraries in an agile process, and on a budget. Herman helps you keep your development process simple – and your UX consistent – as you iterate on patterns and scale over time. Start using Herman or hire us for design systems training.

The web community is hard at work establishing principles and practices to help us effectively talk about and create for the web. Watch this talk to learn ab...

Jina Anne circles back to carefully look again at the popularity of design systems and how they impact the different roles within our teams. A good system enables all the reindeer to pull forward in a cohesive motion, yet has space for individuals with very shiny noses.

Designsystem for Brønnøysundregistrenes webløsninger

Get the code and Sketch files to start your Spacing, Typography, and Color Systems. Made with love by The Scenery.

Create brand & design guidelines. Upload & reuse logos, colors, fonts & icons. Use free predefined templates & share Style Guides with any team or stakeholder.

MockFlow - Wireframe Tools, Prototyping Tools, UI Mockups, UX Suite

The U.S. Web Design Standards launched in September 2015 as a visual style guide and UI component library with the goal of bringing a common design language for government websites all under one hood....

The U.S. Web Design Standards launched in September 2015 as a visual style guide and UI component library with the goal of bringing a common design language for government websites all under one hood....

Carbon is the design system for IBM Cloud products. The Carbon Design System is a series of individual styles and components, that when combined make beautiful, intuitive designs. These designs are sy...

Don't even think about scaling your design without one.

Design systems make deciding in the browser much easier if you have the right ingredients.

“Style guide” is an umbrella term for several types of design documentation; static style or visual identity guides, voice and tone, front-end code guidelines or component/pattern libraries. These all…

Andy Clarke unpacks his tinsel and untangles the Christmas illuminations to add some brilliance to the subject of style guides. Whether you choose a boxed pre-decorated tree, or lovingly choose each a...

Guidelines and resources for web writers and editors. Includes: voice and tone, grammar, web style, social media, email newsletters, blog posts, legal content, technical content, accessibility, transl...

Tool Agnostic Pattern Lab doesn't impose any tools or libraries on you, which means you can choose what's right for your project. Like Sass? Cool, go for it! Don't need it? That's fine too! jQuery? No...

Documentation for any flavor of CSS that you’ll love to write. Human readable, machine parsable, and easy to remember. Works great with CSS, SCSS, LESS, and much more.

We have a few background colors that can be used in various contexts. These are not for use as the entire page background but instead for specific components and modules on the page. Button styles can...

One of our most important challenges at HealthCare.gov is to make it easy for American citizens to enroll in health coverage. This requires us to create a seamless experience for consumers using a wid...

Welcome to the Draft U.S. Web Design Standards! Here, you'll find open-source UI components and visual styles to create beautiful, consistent experiences across federal government websites. If you're ...

PLAY 1 Understand what people need We must begin digital projects by exploring and pinpointing the needs of the people who will use the service, and the ways the service will fit into their lives. Whe...

How to create a useful pattern library that will remain up-to-date long term? Practical checklists, techniques and useful strategies to achieve just that.

“That's how we developed our living style guide, the mistakes we made along the way, and why popular...