Overview

This is the user interface (UI) style guide for seedfund.nsf.gov.

The site uses a custom set of styles that inherit from the U.S. Web Design Standards to create style that is professional, unique, and informative. The guide has a two-fold purpose:

  1. Speed up onboarding of future maintainers of the site. While most of this guide addresses content needs, there is some technical documentation for how we have extended Jekyll’s out-of-the-box functionality.
  2. Serve as a living reference for 18F brand of styles.

Adding new page?

If you are updating or adding a new project page, go to Layouts to get started.

Overriding the Standards

While seedfund.nsf.gov relies heavily on the U.S. Web Design standards, there are several instances where we have overridden styles with our own set of custom stylesheets. This is primarily to align more directly with the NSF SBIR brand set of fonts, colors, and logos. Additional overrides were made to create custom layouts or components to address needs that are specific to NSF SBIR.

Explore style guide