A working set of design guidelines for the new Nourish website: palette, typography, logo treatments, photography direction, reference-site mood boards, and four sample page layouts demonstrating the direction.
Kiss the Ground, The Land Institute, Patagonia Provisions, Slow Food, and Rodale Institute, each annotated with the specific design move Nourish should take.
5 sites + synthesis →The full token set: nine brand colors with contrast guidance, the Source Sans + Freight Display pairing, three logo treatments, photo art direction, cut-out botanical signature.
Style guide →The flagship layout. Cinematic photo hero opens to a Fern-green stats band, three-up story grid, profile feature, dark color-coded topic hub, and a green newsletter CTA.
6 sections →The editorial home: photo-overlay hero with italic display headline, body + sidebar rhythm, large italic pull quotes with a Fern green left rule, leaf-divider footer.
Long-read template →Topic entry point with a dark, photographic header, sticky filter pills, a 2/3+1/3 feature grid, a Lagoon teal Beginner’s Guide primer, and a deep three-column story grid.
Discovery surface →The free curriculum hub: hero with Free-for-classrooms badge, Middle School and Elementary tracks of lesson cards, a featured action-project spotlight, educator support, and a teacher newsletter.
Educator landing →Each of the four landing pages exists in two parallel versions. Open A and B for any pair to compare. The Quiet versions apply the four guideline shifts: minimal text, color bands, 80/20 sans/serif, one burst per page.
Literary register. Long italic Playfair headline, lede paragraph, photo split.
Open layout-home.html →Autoplay video, "What's the story of your food?" headline, Fern stats with burst, photo-driven sections.
Open layout-home-quiet.html →Two-column hero, italic Playfair stories headline, story-grid below.
Open layout-videos.html →"Cooking Together," 3 rows of 4 films, italic accent quote, Lagoon collections band, real voice headshots.
Open layout-videos-quiet.html →Animated leaf decorations, italic Playfair headline with green em, full-color filter chips.
Open layout-topic.html →Sova-Farm hero, single sans line, Cream filter band, Lagoon primer with burst.
Open layout-topic-quiet.html →Italic Playfair headline with leaf decoration, photo+badge right side, lesson cards as info-cards.
Open layout-curriculum.html →Photographic hero with badge, Fern stats with burst, lesson cards as photo tiles (no card chrome).
Open layout-curriculum-quiet.html →Full-bleed hero, Lagoon stats with burst, 3-col action toolkit, Harvest spotlight, 8-up campaigns grid.
Open layout-act-quiet.html →New page — Quiet version only.
Editorial twin not yet built.
Cream hero with product feature, Fern trust band, 4 films, 3 educator kits on Lagoon, family kit row, posters grid.
Open layout-store-quiet.html →New page — Quiet version only.
Editorial twin not yet built.
Past versions are preserved at versions/v1.3/ and versions/v1.4/. The current state is v1.6 in progress — 5 IA-aligned sections (Videos, Learn, Explore, Act, Store) with Home Page included in nav.
Same eight exhibits (3 maps, 3 charts, a timeline, a model). Two photo-driven approaches. Color-coded type taxonomy is shared across both: Map · Lagoon, Chart · Harvest, Timeline · Honey, Model · Fern.
Same content (ES Lesson 6 · Food and Farming). Two design architectures — one editorial, one adapted from the Story.Earth sister-program design language. Both translate to landscape PDF for print.
Everything in this set is available in three formats — live HTML for the design team, a PDF for stakeholder review, and a slide deck for live design reviews.
The six pages you’re looking at now. Live type, live color, live grids. Best for the design team to inspect, screenshot, and iterate.
In this folder · 6 pagesA formal design guidelines PDF synthesizing palette, typography, logo, photography direction, mood boards, and all four Nourish layouts. Best for stakeholder review.
Nourish-Design-Guidelines.pdfA 20-slide design review deck covering criteria, palette, type, logo, mood boards, layouts, and recommended next steps. Best for live presentations.
Nourish-Design-Review.pptxThe fastest path from these guidelines to a build-ready design system is roughly the following.
Confirm typeface licensing — Freight Display Pro (Adobe Fonts/Typekit) + Source Sans Pro/Source Sans 3.
Commission an original photography art direction brief: ECU specs, diversity casting, tone and color grading guidelines.
Build mobile layout versions of all four page concepts (Homepage, Story, Topic, Curriculum).
Define the illustration and icon style guide — how cut-out botanical forms are used consistently across pages and seasons.
Present color palette and layout concepts to WorldLink stakeholders for feedback.
Define content strategy: story categories, editorial calendar, contributor guidelines.
Set up an accessible component library in Figma (or chosen design tool) with the tokens locked in.