Style Guide & Pattern Library

Welcome to Qasper, the user interface for QuarqNet. Using this style guide, you should be able to find all the existing design, markup, and sass patterns needed to add or change features in Qasper.

Principles

We keep these priorities in mind as we develop new features and patterns.

1. Clarity for Users — The user experience is our top priority. It's our job to make sure the application is clear, and the user is able to understand our interface and accomplish their goals. This includes keeping the interfaces efficient and consistent. Patterns should be used towards these ends, but never in ways that hinder the end user experience.

2. Efficiency for Developers — Developers should be able to make changes with a clear sense of existing patterns, and without fear of breaking the entire application. Patterns should be used semantically, to aid in understanding the relationships between abstractions, and avoid conflicts down the road.

3. Beauty for Everyone — Everyone feels better around a well-crafted product.