Documentation

Everything you need to build with Live Wires.

A prototyping-first design system for editorial websites. Built with modern CSS, no preprocessors required.

Start here

New to Live Wires? Begin with the essentials.

Getting started

Installation and setup

Project structure

How the codebase is organized

Design process

Workflow and methodology

Building

Patterns and tools for creating pages.

HTML includes

Reusable HTML fragments

Utility classes

Single-purpose styling helpers

Typography system

Type scale and rhythm

Code style guide

Conventions and best practices

Reference

Standards and browser support.

Design toolbar

Visual aids for checking layout and rhythm

Accessibility

WCAG compliance and best practices

Compatibility

Browser and device support

Support

Getting help and resources

Looking for brand guidelines and UI components? See the Manual.