01 · Foundation
A working design system for the Nourish website — rooted in the logo’s teal-green core, extended with warm accents, and committed to art over information.
Our mission is food system literacy, but our medium is design. Nourish should radiate the artistic quality of a magazine cover, a poster show, or a beautifully printed cookbook — never a school worksheet or an institutional explainer. Every page should feel like something a designer would screenshot.
Italic Playfair Display headlines. Generous white space. Beautiful photography that earns its real estate. Quiet sans-serif body type that lets the imagery breathe. Sophisticated, optimistic, slightly literary.
No tag-cloud sidebars. No multi-colored CTAs competing for attention. No stock-feel clipart of fruit baskets or smiling families pointing at things. No "Learn More!" buttons that shout. Information density elevated by editorial restraint.
Five core colors carry the brand. Three warm accents solve light-green legibility on white. Soil replaces black for body type. The orange burst variant unlocks Harvest and Ember as authentic brand voices, not just accents.
The serif carries emotion. The sans carries information.
“Soil isn’t the bottom of the food system — it’s the beginning of every meal we eat.”
The horizontal lockup is the everyday workhorse. The burst-over-i is reserved for large-format and signature brand moments. The standalone burst is a versatile graphic element.
Approved color variants of the standalone burst. The orange/red palette unlocks Harvest and Ember as legitimate brand voices — useful for warm contexts, summer campaigns, or any moment that wants energy more than calm.
Greens · default
Harvest gradient
White · on Soil
White · on Fern
+ Default to the horizontal lockup for headers, footers, signatures.
+ Use the burst-over-i for large-format prints, posters, hero moments.
+ Reverse to white on Fern, Soil, or rich photography.
+ Keep clear space equal to the height of the burst all the way around.
− Stack the burst on top of the wordmark vertically — legacy treatment only.
− Recolor the wordmark to anything other than Fern, Soil, or white.
− Place the logo on a photo without sufficient contrast or scrim.
− Add a tagline outside of the "food + community" signature lockup.
Four modes carry the brand. Diversity of people and places is non-negotiable. Photography earns its size — never cropped just to fill a grid cell.
Both, deliberately. Each choice carries an emotional register.
Editorial. Architectural. Magazine. Use for photos, hero panels, story cards in the main editorial grid. Conveys seriousness, restraint, art-direction. This is the default for the website’s editorial body.
Welcoming. Approachable. Hand-touched. Use for badges, pill filters, avatar circles, and curriculum contexts where students and educators land. Rounded type-and-color combinations signal "this is for you."
Instead of a separate ornament system, Nourish riffs on its own logo. The burst gets blown up large, reversed out, or broken into single petals. The brand becomes its own decoration — coherent, unmistakable.
The burst is powerful precisely because it’s scarce. Each layout module gets to choose one burst riff — oversized watermark, single petal, or reversed-on-Soil. Stack more than one and the page stops being a magazine and becomes a moodboard.
Fern band, watermark in the corner. The most common riff.
Single petal between editorial blocks. Replaces the old leaf-SVG accents.
Reversed burst on Soil for closing CTAs, newsletter moments, footers.
Material Symbols for UI utility. Custom hand-drawn illustrations for warmth. A curated supplementary set for food, farming, and classroom content. Each system has its lane — together they cover everything the brand needs.
For UI affordances and named concepts. Outlined weight, on palette-colored discs — never default gray. Used across Act, Learn, and Store cards.
Free · Apache 2.0 · variable weight & fill.
The orange-line illustrations from the Family Kit. For educator content, recipes, classroom kits — anywhere the brand wants to feel handmade rather than corporate.
Internal · vector master files on hand.
A curated set of monochrome food and farming silhouettes — livestock, crops, tools, structures. For lesson tags, recipe legends, info-graphics, and curriculum spreads.
Stylistically consistent with Material Symbols.
Nourish is the magazine the food movement wishes it had — photographic, optimistic, deeply reported. Information delivered with such craft that the design itself argues for the work.
