Theme colors
Use case & documentation
Theme names with colors
ICPSR
primary secondary accent Neutral
primary secondary accent RDG
primary secondary accent Components with archive color
The Neutral theme incorporates an archive color for branding of archives. Not all components have archive colors available; below is a list of the components available. Pick an archive from the dropdown list in the upper right corner to show where the archive color shows up.
Hero
- Divider
Heading for anything goes here. Can be a dataset title, name of the user, etc. that spans across entire width.
All kinds of happy little splashes. I guess that would be considered a UFO. A big cotton ball in the sky. That's the way I look when I get home late; black and blue. Fluff that up. Use what happens naturally, don't fight it. Just pretend you are a whisper floating across a mountain. Every single thing in the world has its own personality - and it is up to you to make friends with the little rascals.
When you do it your way you can go anywhere you choose. Go out on a limb - that's where the fruit is. This is a happy place, little squirrels live here and play. When you do it your way you can go anywhere you choose. Go out on a limb - that's where the fruit is. This is a happy place, little squirrels live here and play.
Splash
- Divider
- Search box
- Search button
About National Neighborhood Data Archive (NaNDA)
The National Neighborhood Data Archive (NaNDA) is a publicly available data archive containing measures of the physical, economic, demographic, and social environment at multiple levels of spatial scale (eg, census tract, ZIP code tabulation area, county). Each NaNDA dataset covers all or most of the entire nation (including both rural and urban areas) and represents a set of measures on a single topic of interest, including socioeconomic disadvantage, healthcare, housing, partisanship, and public transit, with temporal coverage dating back to 2000.
Code usage
/* CSS custom property, used in javascript/react */
--archive-color: #bada55;
// Sass function for grabbing the archive color if available, and creates a fallback from the passed parameter
background-color: archive-color($primary);
// Sass function for choosing a text color (black or white) with sufficient contrast against the archive color, and does the same for the fallback color if archive color is not available
color: archive-text($primary);