Ushahidi Logo Ushahidi Platform Pattern Library

Tested with

Forms

Form with multiple fields

Fieldset of checkboxes

Custom Fieldset, with nested field groups

Who can see this

Custom Fieldset, with color picker

Color

Tables

Table

A second survey
Survey field

Survey field 1

Survey field 2

Fieldset: Dropdown and link

Choose an attribute

Tabs menu

Filters

Search

Alt search, for layout-d

Toolbox

Status
Layers

Tier

 

Standard

For small teams that need to
reach more people

$100 a month

500 posts +$10/month per 1,000 extra

  • Collect posts via SMS and Twitter
  • Turn on notifications related to your interests
  • View data in bar chart or trend graph
  • Choose from more than 10 base maps

Post Card

Postcard, default

Postcard, bulk-actions

Multi-deployment Cards

List

Total reports

1,234

Reports since 11/11

Peak Graph

Reports status

Bar Graph
  • Published
  • Under Review
  • Archived

Create

New Project

This is the title of your deployment. It will appear atop your deployment's website and apps.

This is the title of your deployment. It will appear atop your deployment's website and apps.

http:// .ushahidi.io

Create, with error-message

New Project

Please name your project

This is the title of your deployment. It will appear atop your deployment's website and apps.

This is the title of your deployment. It will appear atop your deployment's website and apps.

http:// .ushahidi.io

New

Nice Work

You created a new project. Now all you have to do is get everything set up.

This is where we put another sentence to get them started with configuration.

Archive

New Project Name

Are you sure you want to archive this projoect?

This action cannot be undone and will result in the loss of all data associated with this project.

Survey Filter

 

18
4
3
6

New Survey Card

 

Create a new survey

Create an open or targeted survey to gather information about Ushahidi

Change Log

Change Log List

Change Log

45 mins

Status change

Cras tempus sodales molestie. Ut a ante mollis, dictum nulla quis, accumsan arcu. Donec et lacus libero. Phasellus a ultricies lorem. Ut gravida, nibh a tincidunt auctor, turpis odio tincidunt nisl, laoreet aliquet dui erat ut lorem. Donec eleifend eleifend nisl, vel maximus ipsum vestibulum in.

45 mins

Entry by Seth Hall

Cras tempus sodales molestie. Ut a ante mollis, dictum nulla quis, accumsan arcu. Donec et lacus libero. Phasellus a ultricies lorem. Ut gravida, nibh a tincidunt auctor, turpis odio tincidunt nisl, laoreet aliquet dui erat ut lorem. Donec eleifend eleifend nisl, vel maximus ipsum vestibulum in.

Change Log Entry

Change Log

45 mins

Entry by Seth Hall

Cras tempus sodales molestie. Ut a ante mollis, dictum nulla quis, accumsan arcu. Donec et lacus libero. Phasellus a ultricies lorem. Ut gravida, nibh a tincidunt auctor, turpis odio tincidunt nisl, laoreet aliquet dui erat ut lorem. Donec eleifend eleifend nisl, vel maximus ipsum vestibulum in.