18f / design

General 18F design issues, discussion, and shared resources/artifacts

18F Design

General 18F design issues, discussion, and shared resources/artifacts

Public domain

This project is in the worldwide public domain. As stated in CONTRIBUTING:

This project is in the public domain within the United States, and copyright and related rights in the work worldwide are waived through the CC0 1.0 Universal public domain dedication.

All contributions to this project will be released under the CC0 dedication. By submitting a pull request, you are agreeing to comply with this waiver of copyright interest.

design's Issues

Grids!

Let's talk about grids! The goal of this issue is to discuss the benefits of what we are using, and decide what grid we can use as a general standard so we are all using the same thing. 😄

Here are all the projects who are using different web grid frameworks, and what those grids are:

18f.gsa.gov/dashboard, EITI

• Bourbon.io
• 12 column grid
• ~980 px desktop size

myUSCIS

• Bootstrap
• 12 column grid
• 30px gutters
• ~970 px desktop size

myRA

• Bourbon Neat
• 12 column grid
• 1088 px desktop size

Midas

• Bootstrap
• 20px gutter

Please add anyones I am missing (which is a lot). So far the consensus looks like its a 12 column responsive grid.

Thoughts?

Draft text: Using ethn.io to recruit users through twitter, blogs, or email listervs.

@NoahKunin we've created an initial draft of guidance for the team when using a direct ethnio link outside of the normal usage on a website. Please look it over and let us know what you think!

https://docs.google.com/document/d/1zsFCHrh5MB-yU71g-BjRM9oHo_Xnnjw5KMhBOkOIEds/edit#

Create v1 Sketch file of common components

Goal: A first pass at a UI library that 18F designers can critique and build upon.

Steps:

• List all potential components to include
• List all 508 considerations re: design (not implementation, yet)
• Review list with Jesse
• Design away!