Code new styles - Githubissues

fecgov / openFEC

The first RESTful API for the Federal Election Commission. We're aiming to make campaign finance more accessible for journalists, academics, developers, and other transparency seekers.

https://api.open.fec.gov/developers

Other

479 stars 106 forks source link

Code new styles #84

Closed noahmanger closed 9 years ago

noahmanger commented 9 years ago

Goal: Translate the visual styles from #83 into modular CSS to speed up frontend dev while having a consistent design language throughout the interface.

Criteria: CSS implemented on staging site.

Steps:

[x] Implement Bitters
[x] Code styles
[x] Create styleguide HTML page

Depenencies: #83

noahmanger commented 9 years ago

I wanted to mock these up in Sketch with the new visual style guide before coding them up. Here's what I have. I'm going to start coding asap, but feedback welcome.

First, a much prettier home screen: home

Searching for a term brings up the table view, with a persistent search bar displaying the search terms, as well as the sub-nav links to the full datasets.

search results

Browsing dataset looks like this: browse

LindsayYoung commented 9 years ago

Is this just a sample of the look? I am a bit confused because the heading says "Candidates" but the results look like expenditures. Though, I may be taking your example too literally.

rjmajma commented 9 years ago

Agreed with Lindsay. Looks great, but the columns don't seem to follow with what we would display for a candidate.

rjmajma commented 9 years ago

Spoke with Noah and this has been resolved!