PHPackages                             benmanu/silverstripe-simple-styleguide - 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 &amp; Views](/categories/templating)
4. /
5. benmanu/silverstripe-simple-styleguide

ActiveSilverstripe-vendormodule[Templating &amp; Views](/categories/templating)

benmanu/silverstripe-simple-styleguide
======================================

Provides a kitchen sink template useful for theme development.

4.0.0(10mo ago)1244.2k↓22.7%14[3 PRs](https://github.com/benmanu/silverstripe-simple-styleguide/pulls)BSD-3-ClauseScheme

Since May 18Pushed 10mo agoCompare

[ Source](https://github.com/benmanu/silverstripe-simple-styleguide)[ Packagist](https://packagist.org/packages/benmanu/silverstripe-simple-styleguide)[ Docs](https://github.com/benmanu/silverstripe-simple-styleguide)[ RSS](/packages/benmanu-silverstripe-simple-styleguide/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (6)Dependencies (3)Versions (17)Used By (0)

Simple Styleguide Module
========================

[](#simple-styleguide-module)

The Simple Styleguide enables site maintainers a single page to source the general site styles out of the box (typography, links, colours, form fields etc). Extensible through theme templates to build out a component library specific to the website.

[![Build Status](https://camo.githubusercontent.com/4058d3dccbffe31cf00b2b972826cdb5cd90701e1bf67f86984ebba75526ac46/68747470733a2f2f7472617669732d63692e6f72672f62656e6d616e752f73696c7665727374726970652d73696d706c652d7374796c6567756964652e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/benmanu/silverstripe-simple-styleguide)[![codecov](https://camo.githubusercontent.com/d19488b09f013ca50d4def1a59e9a4b9441f23d7269fa27d61e84377bb51ef5d/68747470733a2f2f636f6465636f762e696f2f67682f62656e6d616e752f73696c7665727374726970652d73696d706c652d7374796c6567756964652f6272616e63682f6d61737465722f67726170682f62616467652e737667)](https://codecov.io/gh/benmanu/silverstripe-simple-styleguide)[![Scrutinizer Code Quality](https://camo.githubusercontent.com/5443da38ecaa0ac7786f4c9fc23041056be5922d125e44bd5b21ee84e6a7a38b/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f62656e6d616e752f73696c7665727374726970652d73696d706c652d7374796c6567756964652f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/benmanu/silverstripe-simple-styleguide/?branch=master)

Overview
--------

[](#overview)

The module adds a new controller endpoint which can be viewed at the `/_styleguide` route, if logged in with admin permissions, or viewing from a dev environment. Also provides a kitchen sink template that can be used or overriden by your site theme to display frontend and typography components.

The `SimpleStyleguideController` class also includes a basic form (`SimpleStyleguideController::TestForm()`), and HTMLText output (`SimpleStyleguideController::getContent()`), for testing framework output.

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

[](#installation)

Run on the command line:

```
$ composer require benmanu/silverstripe-simple-styleguide

```

or include `"benmanu/silverstripe-simple-styleguide": "^2.0"` in your project `composer.json` and run:

```
$ composer update

```

Use the `1.0` tag for SilverStripe 3 sites.

Usage
-----

[](#usage)

The styleguide template can be overriden by including a `SimpleStyleguideController.ss` file in your themes `template/Layout/` directory.

The `SimpleStyleguideController` class can be overriden using SilverStripes [extensions](https://docs.silverstripe.org/en/3.1/developer_guides/extending/extensions/) to either add new output functions, or modify the provided functions, by using the `updateStyleguideData` extension hook.

### Styleguide Data

[](#styleguide-data)

An extension hook is available to override/edit the rendered template data through `updateStyleguideData`.

### Color Swatches

[](#color-swatches)

A simple color swatch template is available and can be overriden through the `color_swatches` config value.

```
BenManu\SimpleStyleguide\SimpleStyleguideController:
  color_swatches:
    - Name: "Black"
      Description: "This color is rather dark"
      CSSColor: "#000000"
      TextColor: "#ffffff"
    - Name: "Grey"
      Description: "This color is grey"
      CSSColor: "#666666"
      TextColor: "#000000"
```

### Placeholder Images

[](#placeholder-images)

The placeholder image url can be overriden through the `placeholder_image_url` config.

```
BenManu\SimpleStyleguide\SimpleStyleguideController:
  placeholder_image_url: "/simple-styleguide/images/placeholder.png"
```

###  Health Score

48

—

FairBetter than 95% of packages

Maintenance53

Moderate activity, may be stable

Popularity38

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity71

Established project with proven stability

 Bus Factor1

Top contributor holds 80.7% 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 ~227 days

Recently: every ~619 days

Total

14

Last Release

327d ago

Major Versions

1.1.2 → 2.0.02018-01-30

2.1.1 → 3.0.02023-10-31

3.0.0 → 4.0.02025-06-26

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1373344?v=4)[Ben Manu](/maintainers/benmanu)[@benmanu](https://github.com/benmanu)

---

Top Contributors

[![benmanu](https://avatars.githubusercontent.com/u/1373344?v=4)](https://github.com/benmanu "benmanu (46 commits)")[![jack-nzl](https://avatars.githubusercontent.com/u/14326708?v=4)](https://github.com/jack-nzl "jack-nzl (4 commits)")[![pjayme](https://avatars.githubusercontent.com/u/27745093?v=4)](https://github.com/pjayme "pjayme (4 commits)")[![chillu](https://avatars.githubusercontent.com/u/111025?v=4)](https://github.com/chillu "chillu (1 commits)")[![lexakami](https://avatars.githubusercontent.com/u/7085702?v=4)](https://github.com/lexakami "lexakami (1 commits)")[![wilr](https://avatars.githubusercontent.com/u/101629?v=4)](https://github.com/wilr "wilr (1 commits)")

---

Tags

silverstripestyleguide

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/benmanu-silverstripe-simple-styleguide/health.svg)

```
[![Health](https://phpackages.com/badges/benmanu-silverstripe-simple-styleguide/health.svg)](https://phpackages.com/packages/benmanu-silverstripe-simple-styleguide)
```

###  Alternatives

[silverstripe-themes/simple

The SilverStripe simple theme (default SilverStripe 3 theme)

411.3M8](/packages/silverstripe-themes-simple)[pattern-lab/styleguidekit-assets-default

The assets for the default StyleguideKit for Pattern Lab. Contains styles and mark-up for Pattern Lab's front-end.

351.4M6](/packages/pattern-lab-styleguidekit-assets-default)[silverstripe/login-forms

A collection of templates for the CMS login screens

191.3M26](/packages/silverstripe-login-forms)[stevie-mayhew/silverstripe-svg

Basic SVG support for SilverStripe

23326.5k4](/packages/stevie-mayhew-silverstripe-svg)[sitegeist/fluid-styleguide

Living styleguide for Fluid Components

16227.4k1](/packages/sitegeist-fluid-styleguide)[symbiote/silverstripe-usertemplates

Provides user-definable templates within the CMS that can be applied to content trees. Allows specification of Layout and main templates, as well as associating css + js files

1414.5k1](/packages/symbiote-silverstripe-usertemplates)

PHPackages © 2026

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