Ushahidi Logo Ushahidi Platform Pattern Library

The Ushahidi Platform Pattern Library

This pattern library serves many purposes. Among them:

It defines our design system.

By defining our visual design in a front-end context, we are less likely to have any discrepencies between graphic design and what has been coded.

It's a central repository for front-end code.

This repository (or forked and updated versions) will be able to be pulled into the final app. Since everything is coming from one place, there will not be any reduncies and we will not need to worry about keeping things up to date.

It serves as front-end documentation.

Our front-end guidelines explain how our code is written. The pattern library itself defines what each of the patterns have a code sample where you can copy & their HTML. Ideally, one could use this pattern library as a palette in which they could pick and choose patterns to create a page with.

Who is this for?

This Pattern Library is for anyone interested in creating a custom design for their Ushahidi Platform installation. For details on how to use this Pattern Library with the Ushahidi Platform, read the How to Apply to Platform section.

Front-End Guidelines

These guidelines will walk you through how to get set-up with the front-end build of the platform. They have useful links for documentation and external resources, and provide guidelines for keeping our code consistent and maintainable.

View Guidelines