Ricardo styleguide

Make (auto.)ricardo.ch easy and exciting

The styleguide is a code repository that provides engineers with a toolset to build Ricardo-like web applications easy and fast. It's the single source of truth for both engineers and designers for the user experience on products from the ricardo Group. The styleguide is a showcase of the styles itself as well.

Goals

fast to integrate for engineers
to maintain for designers
single source of truth for both engineers and designers
consumer of itself (showcase)

Design principles

All elements and components are designed and should be used in conformity with the following principles:

Interactive dynamic content personnalized

Seamless one page flow

Emotional exciting experience

Any suggestions to improve this styleguide are highly appreciated.

Quick start

We recommend using the CDN version like so:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <style href="http://ricstyle-6a38.kxcdn.com/1.2.1/lib/ricardo.min.css">
  </head>
  <body>
    ...
  </body>
  <script src="http://ricstyle-6a38.kxcdn.com/1.2.1/lib/ricardo.min.js">
</html>

Contribute

Github repository