Structures

Structures

Here you will find the living documentation for the pieces that make up Envato Market.
We use real templates from the site and recreate the different states that they might be in.

Start exploring!


What is a 'Structure Styleguide'?

A Structure Styleguide is a special breed of living styleguide, designed to document an application’s UI logic and all of the possible permutations of the UI.

The goal is to have a complete and shared understanding of how an application behaves in any situation, even in the most uncommon edge cases, without having to laboriously recreate each scenario by hand.

The Envato Market Structure Styleguide is the very same tool that our developers, designers, user experience experts and product team use day-to-day to build Envato Market. It is a living, breathing work in progress and its various elements are likely to change at any time without warning.

Although at this stage only a small percentage of the application lives in the styleguide, we are continually adding more as we develop new and exciting features or have the chance to improve existing ones.

This guide uses the latest CSS3 features and is best viewed with modern browsers (for now).

© 2017 Envato

Sign In