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
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.1.2/lib/ricardo.min.css"> </head> <body> ... </body> <script src="http://ricstyle-6a38.kxcdn.com/1.1.2/lib/ricardo.min.js"> </html>