PHPackages                             studio24/design-system - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. studio24/design-system

ActiveLibrary[Templating & Views](/categories/templating)

studio24/design-system
======================

Simple documentation-first tool to build a static design system website based on Markdown documentation files and Twig templates

v2.0.0(7mo ago)32221[1 issues](https://github.com/studio24/design-system/issues)MITPHPPHP >=8.2CI failing

Since Aug 16Pushed 7mo ago2 watchersCompare

[ Source](https://github.com/studio24/design-system)[ Packagist](https://packagist.org/packages/studio24/design-system)[ RSS](/packages/studio24-design-system/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (3)Dependencies (10)Versions (5)Used By (0)

Design system
=============

[](#design-system)

Simple documentation-first tool to build a static design system website based on Markdown documentation files and Twig templates.

Key features:

- Documentation-first approach, builds design system website based on Markdown docs and [Twig](https://twig.symfony.com/) templates
- Manually control primary navigation
- Automatically generates sibling navigation
- Include code examples and full-page example templates via custom tags (displays embedded code and HTML source code)
- Include sample data for code examples and templates
- Generate colour swatches in documentation
- Extensible via custom tags
- Automatically create ZIP file of frontend assets

Requirements
------------

[](#requirements)

- PHP 8.2+
- [Composer](https://getcomposer.org/)

Installation
------------

[](#installation)

Load the library for local development only:

```
composer require --dev studio24/design-system
```

If you already have this in your project then just run `composer install` to download the files. To update your copy of the the design system library files run `composer update`

To build the design system website files:

```
./vendor/bin/design-system

```

To see what files the design system is outputting pass the `-v` verbose option.

```
./vendor/bin/design-system -v

```

You can then view the design system website via:

```
php -S localhost:8000 -t _dist
```

Documentation
-------------

[](#documentation)

See [docs](docs/README.md) for further details.

See [contributing](docs/contributing.md) for making changes to this repo.

License
-------

[](#license)

[MIT License](LICENSE) (MIT) Copyright (c) 2020 Studio 24 Ltd ([www.studio24.net](http://www.studio24.net))

Credits
-------

[](#credits)

Developed by [Simon R Jones](https://github.com/simonrjones/), HTML/CSS design system layout by Nicola Saunders.

Inspired by [GOVUK Design System](https://design-system.service.gov.uk/) and [Drizzle](https://github.com/cloudfour/drizzle).

###  Health Score

41

—

FairBetter than 89% of packages

Maintenance57

Moderate activity, may be stable

Popularity16

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity66

Established project with proven stability

 Bus Factor1

Top contributor holds 73.5% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~702 days

Total

3

Last Release

217d ago

Major Versions

v1.0.1 → v2.0.02025-10-14

PHP version history (2 changes)v1.0.0PHP >7.4.0

v2.0.0PHP >=8.2

### Community

Maintainers

![](https://www.gravatar.com/avatar/fb0acae91f4ac95e074c4d3f2c70bfc166afc22c68810c7e1154d21fb4c27701?d=identicon)[simonrjones](/maintainers/simonrjones)

---

Top Contributors

[![simonrjones](https://avatars.githubusercontent.com/u/601316?v=4)](https://github.com/simonrjones "simonrjones (50 commits)")[![NicolaSaunders](https://avatars.githubusercontent.com/u/31240259?v=4)](https://github.com/NicolaSaunders "NicolaSaunders (15 commits)")[![gtrinkwon](https://avatars.githubusercontent.com/u/17900140?v=4)](https://github.com/gtrinkwon "gtrinkwon (3 commits)")

---

Tags

design-systemdocsphptwig

###  Code Quality

TestsPHPUnit

Code StylePHP\_CodeSniffer

### Embed Badge

![Health badge](/badges/studio24-design-system/health.svg)

```
[![Health](https://phpackages.com/badges/studio24-design-system/health.svg)](https://phpackages.com/packages/studio24-design-system)
```

###  Alternatives

[shopware/platform

The Shopware e-commerce core

3.3k1.5M3](/packages/shopware-platform)[tightenco/jigsaw

Simple static sites with Laravel's Blade.

2.2k438.5k29](/packages/tightenco-jigsaw)[drupal/core

Drupal is an open source content management platform powering millions of websites and applications.

19562.3M1.3k](/packages/drupal-core)[sulu/sulu

Core framework that implements the functionality of the Sulu content management system

1.3k1.3M152](/packages/sulu-sulu)[contao/core-bundle

Contao Open Source CMS

1231.6M2.4k](/packages/contao-core-bundle)[shopware/core

Shopware platform is the core for all Shopware ecommerce products.

595.2M386](/packages/shopware-core)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)