01Winter / HolidayNovember — January
The holiday theme adds subtle frost borders, snowflake accents in cobalt, and Frosty wearing a scarf. The palette stays rooted in the core blues with white and silver accents for a wintry feel. Snowfall CSS animation adds atmosphere without distraction.
❄
❅
❄
❅
❄
❅
❄
❅
Holiday Campaign
Season's Greetings from GFS
Wishing our partners and communities a safe and warm holiday season. From our cold chain to your table — quality never takes a holiday.
Changes: Frost border on cards, snowflake icon in topbar, snowfall CSS animation, scarf on Frosty
02Back-to-School / FallAugust — October
The K-12 school nutrition season. Warm amber accent appears alongside cobalt. Frosty gains an apple icon. The dot-matrix background uses a leaf-inspired pattern. This theme emphasizes GFS's role in school feeding programs.
K-12 School Nutrition
Feeding 450K Students Daily
From procurement to plate in under 72 hours. GFS delivers USDA-compliant proteins, grains, and dairy to 2,800 school districts across the Northeast corridor.
Changes: Amber topbar dot, leaf dot-matrix background, apple icon accent, amber campaign label color
03Summer ProgramsMay — August
For summer feeding programs (SFSP). Lighter blue tints — more Jordy and Alice. Frosty gets sunglasses. A wave pattern background keeps it light and seasonal. The palette shifts warmer within the blue family.
Lighter blue shift (Jordy/Alice focus)
Summer Feeding Programs
Nourishing Communities All Summer
When school is out, hunger doesn't take a break. GFS supports SFSP sites with reliable cold-chain logistics for 12 weeks across 1,400 locations.
Changes: Gradient topbar, wave pattern background, lighter blue card tints, sun icon accent, sunglasses on Frosty
04Food Safety MonthSeptember
National Food Safety Month in September. Frosty wears a lab coat. Green/cobalt dual accent palette. The shield pattern background signals protection and compliance. This theme is the most serious — it reinforces GFS's commitment to safety and traceability.
GFS Portal
🛡
Food Safety Month
Cobalt + Safety green dual accent
National Food Safety Month
99.2% Compliance
Across 3,200 facility audits this year, GFS maintained a 99.2% compliance rate on cold chain integrity, traceability documentation, and HACCP protocols. Safety is not a metric — it's a standard.
Changes: Green topbar dot, shield pattern background, green/cobalt campaign card, lab coat on Frosty, shield icon accent
05Theme Application GuideRules / Variables / Boundaries
Seasonal themes are a controlled layer on top of the base brand. They modify accents and atmospheric elements — but never the structural identity. Here is what changes, what stays the same, and which CSS variables to override.
What Changes per Season
| Element |
Variable / Token |
Winter |
Fall |
Summer |
Safety |
| Accent color |
--season-accent |
#93BFEF |
#D97706 |
#468BE6 |
#0F766E |
| Accent background |
--season-accent-bg |
#E9F5FF |
#FFFBEB |
#F4F9FF |
#F0FDF4 |
| Topbar dot |
--season-dot |
#34D399 |
#D97706 |
#34D399 |
#0F766E |
| Frosty variant |
SVG swap |
Scarf |
Apple |
Sunglasses |
Lab coat |
| Background pattern |
CSS class |
Snowfall |
Leaf dots |
Waves |
Shields |
| Card border |
--season-border |
Frost glow |
Amber |
Light blue |
Green |
| Topbar icon |
Unicode / SVG |
❄ Snowflake |
🍎 Apple |
☀ Sun |
🛡 Shield |
What NEVER Changes
| Element | Value | Reason |
|---|
| Primary color |
--cobalt: #092F64 |
Core brand identity. Non-negotiable. |
| Logo / wordmark |
GFS standard |
Never modified, re-colored, or decorated. |
| Fonts |
Inter + IBM Plex Mono |
Typography is structural, not seasonal. |
| Layout system |
Grid, spacing, sections |
Spatial consistency builds trust. |
| Topbar structure |
Height, nav, layout |
Navigation is muscle memory. Don't break it. |
| Button styles |
Size, shape, weight |
Only accent color may change. Shape stays. |
| Error colors |
Red, amber, green semantic |
Semantic colors are functional, not decorative. |
| Frosty's globe body |
Circle + meridians |
The base mascot is always recognizable. Only accessories change. |
CSS Variable Override Pattern
/* Apply in a seasonal stylesheet or <style> block */
:root[data-season="winter"] {
--season-accent: #93BFEF;
--season-accent-bg: #E9F5FF;
--season-border: #93BFEF;
--season-dot: #34D399;
--season-pattern: snowfall;
}
:root[data-season="fall"] {
--season-accent: #D97706;
--season-accent-bg: #FFFBEB;
--season-border: #FDE68A;
--season-dot: #D97706;
--season-pattern: leaf-dots;
}
Do's and Don'ts
Keep all seasonal themes within the existing GFS color family or approved accent
Use seasonal accents only for campaign cards, accent dots, and background patterns
Let themes auto-expire with a data-season attribute and date-based logic
Test seasonal themes in both light and dark mode before deploying
Keep Frosty's accessories simple — one accessory per season maximum
Include a "disable theme" toggle in user settings
Change the primary cobalt color for any season
Add warm colors (orange, red) as primary — they conflict with error states
Modify the logo, fonts, or navigation layout
Use seasonal themes on critical paths (checkout, authentication, error pages)
Run more than one seasonal theme simultaneously
Make Frosty unrecognizable with heavy costume changes
Philosophy: Seasonal themes are a festive touch, not a costume change. The brand should be instantly recognizable in any season. If someone can't tell it's GFS at a glance, the theme has gone too far.
06Monthly Color Palettes12 Months / Holiday Accents / Core Brand Anchors
Each month gets a seasonal accent palette. The first two swatches in every row are always Cobalt (#092F64) and Tufts (#468BE6) to maintain brand consistency. Accents are used sparingly on campaign cards, topbar dots, and background patterns only.
January — New Year
Cobalt + Silver + Gold accents
February — Heart Health
Cobalt + Red accent (heart health, not Valentine)
March — Nutrition Month
Cobalt + Fresh green accents
April — Spring / Earth Day
Cobalt + Earth green (sustainability focus)
May — SFSP Kickoff
Lighter blues + warm yellow accent
June — Summer Start
Full summer blue spectrum
July — Independence
Cobalt + Red + White (patriotic, subtle)
August — Back to School
Cobalt + Amber (K-12 nutrition season)
September — Food Safety
Cobalt + Safety green (compliance focus)
October — Harvest Season
Cobalt + Deep amber / harvest tones
November — Thanksgiving
Cobalt + Warm brown + Gold gratitude
December — Holiday / Year End
Full winter palette (frost, snow, ice)
07Seasonal Social Card Templates4 Per Season / 1:1 Format / LinkedIn + Instagram
Square (1:1) social cards for each season. Designed for LinkedIn and Instagram. Each card uses the seasonal accent palette and follows the title card pattern: GFS monogram, IBM Plex Mono labels, Inter headlines.
Winter (Nov-Jan)
GFS
Holiday 2026
Season's Greetings
Year in Review
2026 Highlights
“
Quality never takes a holiday.
GFS TEAM
Spring (Feb-Apr)
Earth Day 2026
Sustainable Supply Chains
National Nutrition Month
Feeding America
“
From farm to table, every link matters.
GFS TEAM
Summer (May-Jul)
Summer Feeding
1,400 SFSP Sites
Cold Chain Strong
Even in the Heat
“
When school's out, hunger doesn't take a break.
GFS MISSION
Fall (Aug-Oct)
K-12 Nutrition
450K Students Daily
Food Safety Month
99.2% Compliance
“
From procurement to plate in under 72 hours.
GFS OPERATIONS
Social card rules: Always 1080x1080 (1:1) for feed posts. GFS monogram in top-left at 30% opacity on dark backgrounds. Maximum 4 words per headline. Data cards center the number. Quote cards use italic Inter. Every card includes the GFS mark. Export as PNG at 2x resolution (2160x2160).
08Seasonal Email Header Designs4 Seasonal Variants / 600px Width / Cobalt Base
Email headers adapt seasonally while maintaining the cobalt base. The header structure is always: 600px wide, GFS logo badge left, template name center, seasonal icon right. The bottom border changes color per season.
GFS
Holiday Greeting
December 2026
❄
Winter variant — Frost blue bottom border + snowflake icon
GFS
K-12 Program Update
September 2026
🍎
Fall variant — Amber bottom border + apple icon
GFS
Summer Feeding Update
July 2026
☀
Summer variant — Gradient bg + light blue border + sun icon
GFS
Food Safety Month
September 2026
🛡
Safety variant — Green bottom border + shield icon