Newskit Logo
About

About

Introduction

NewsKit is News UK’s design system. It provides interactive building blocks and guidelines for crafting cohesive digital product interfaces and accelerating development. build better products faster.

Introduction

The design system aims to improve the consistency and quality of digital products and experiences, enabling the design and development process to be more efficient and focused, establishing a common language between designer and engineer, and providing clear, considered guidance around design and engineering best practices.


NewsKit currently serves a wide range of designers and developers at News UK building digital products and experiences with a view to becoming publicly open source in the future.


It is maintained by a core centralised team at News UK with contributions from other product teams to evolve and improve NewsKit.


The UI library is built using Figma for design and React for the codebase.

Principles

NewsKit design system and the NewsKit team is guided by a set of principles.

card-01

We don’t design for screens, we design for people; whether the product teams using our components or the customers using the end products.

We establish insights on our user needs through qualitative and quantitative data from research. We continually test our components and the overall design system to ensure it meets these needs.

card-02

Every design decision has the potential to include or exclude users. To ensure our solutions meet the needs of as many users as possible we take an inclusive first, design approach.

The default components are accessible to WCAG 2.1 AA standards. We strive for clarity around everything we do, simplifying the complex. We use simple language, avoid acronyms and offer more detail when required. Our users should always be able to understand and act with confidence.

card-03

Every component serves a user’s need that is shared by multiple services or products.

We don't create new solutions to solve problems that already exist in the system unless they are intended to replace them. We never build something 'just in case'. Every design decision and component has a clear purpose and contributes to a larger purpose; if it doesn’t, it shouldn’t be there.

card-04

Great ideas come from everywhere.

Everyone is encouraged to contribute. We share everything we are doing at every step in the process: designs, code, ideas, successes or failures. We encourage and seek feedback, suggestions and contributions. We all take responsibility for the output of the team and reject ownership.

card-05

Ensuring everything reusable and shareable instead of constantly reinventing different solutions to solve the same need.

We create familiarity across our products by using the same solution to the same problem.

card-06

Our users require a design system that they can trust and rely upon.

We thoroughly consider, design, develop and test solutions before they are released for users to consume. Whenever we make a change to the design system, we communicate this through well-structured documentation.