Silk | Design System Resource Hub

What is Silk?

Silk is a free design system created by Netguru for teams who don’t want to spend months reinventing buttons, spacing, and tokens—yet still need something they can fully adapt to their brand.

After years of delivering commerce products, we kept running into the same challenge: too much time was spent setting up UI foundations before teams could focus on solving real product problems.

That’s why we created Silk—to help teams assemble consistent interfaces faster using ready-made components and patterns, and move through iterations with confidence.

Built for mobile and responsive web, Silk supports modern product teams with accessibility-first foundations, flexibility, and ease of use.

Guidelines, not rules

At its core, Silk allows users to make their own choices—detach, nest, and modify components. At the same time, it provides them with knowledge that helps them to make the best decisions.

Best practices by default

Silk includes components and patterns that are accessible and that offer good usability. No compromises.

Consistency over complexity

Silk’s components and patterns are consistent with each other—we prioritized internal consistency over an extensive list of possible options.

All-in-one toolkit for your brand

Contents

Foundations

Silk includes 500+ predefined tokens for color, typography, spacing, grids, and layout. Everything is structured and ready to use—so you can start designing without setting up core styles from scratch.

Variables-1

Components

Consistency, accessibility, and freedom—these are the underlying principles at the code of Silk components. For easier navigation, we grouped them in 4 categories.

Actions & inputs

Data display & content

Visual Data Display-1

Feedback & messaging

Commerce patterns

Silk includes ready-made patterns for common commerce scenarios—such as product listings, checkout flows, and account areas—designed to support scalable, conversion-focused interfaces.

Patterns-1

Silk documentation

Silk includes clear online documentation that helps teams quickly set up and customize the system. It shows how to get started with Silk and adapt it to your specific needs. View 👉 the Silk documentation.

Silk design system documentation image

Fast & Scalable Customization

Silk is built to adapt to your brand identity using a variable-based architecture that allows you to reskin the entire system in minutes.

Automated color swaps: Adjust global palettes and functional tokens for text, surfaces, and strokes update automatically across the system.
Global typography: Replace default fonts across the system without disrupting layout structure or component behavior.
Shape control: Instantly toggle between sharp or rounded edges using shared radius variables.
Total integrity: Maintain full control over your visual language without breaking the underlying system foundations.