Warhol

Vocabulary


Warhol, like any other complex software, has a bit of its own technical jargon to describe various concepts. This page explains every bit of Warhol's vocabulary of technical terms.

Pattern library

A pattern library is a web page that contains interactive example implementations of styles and components. It is not to be confused with the term style guide, which may also refer to some PDF that defines abstract rules for design in words or images. In contrast, a Pattern Library is an interactive web page that uses HTML and CSS.

Snapshot

Snapshots are data about components, colors and typography that Warhol extracted from a pattern library. When Warhol checks your production web page for errors, the page is actually compared to the snapshots that were created from the pattern library.

Theme

The theme consists of the colors, typography and icons defined in your pattern library. It constitutes basic style invariants that apply to all components and all non-components.

Component

A component is any standalone builing block used for a web project, is build with markup and styling. Examples for components are buttons, teasers or even more complex UI objects like modal dialogs. If you know the CSS methodology BEM, components are the B in BEM.

Style guide

The term “style guide” is not used in the context of Warhol. See Pattern Library.

Project

A project is a web project that uses styles and components defined in a pattern library. A single pattern library can be used by several projects.