Logos, marks, swatches, type, downloadables — everything in one place.
8 brands14 colors6 logo formats25 componentsv10.0 canonical
Rules of the Vault
Use what's here. Build nothing new.
The Brand Vault is the single source of truth for every visual asset GFS uses. Logos, color tokens, type specimens, photography direction, sonic identity, downloadable templates — all canonical, all versioned, all referenced from this page.
If an asset is not in the Vault, it is not approved. Pull from this page before designing anything new.
SourceSingle SOT
UpdatedMay 2026
Systemv10.0 canonical
OwnerBrand Ops
01The Identity MarkConstruction · clear space · forbidden uses
Construction rules
Base grid8px base
Clear space1× monogram height on all sides
Minimum size16px digital · 0.25" print
Corner radius8px (--radius-lg)
Forbidden uses
No effectsNever apply drop shadow, gradient, or outer glow.
No distortionNever rotate, skew, stretch, or alter orbit angles.
No recolorNever recolor the cobalt field outside the brand palette.
No photographyNever place on photography without a solid backing plate.
■ The mark is structural geometry: rounded cobalt square, jordy orbit, two ellipses rotated -20 and -50 degrees. Treat as engineering, not decoration.
02Logo VariantsSix formats · all approved for production
■ Six approved formats. Anything else routes through Brand Ops for review. Source SVG files master every other export.
03Animated IdentityGlobe mark · used on splash, loading, landing screens
Animated mark
The animated globe is the motion expression of the GFS identity. A cobalt core, three concentric jordy orbits, an outer tufts ring, and three orbiting pulse nodes — the visual rhythm of an always-on supply network.
Used on landing pages, loading screens, splash transitions, and any surface where the brand needs to register as a system. Loop runs 4 seconds, eases linearly, never pauses.
■ Status colors map to cold-chain zones. Success = in spec. Warning = approaching limit. Error = breach.
07Semantic Token MapWhat every component reads at runtime
--primaryCobalt · var(--cobalt)
--backgroundWhite · #FFFFFF
--cardWhite · #FFFFFF
--accentAlice · var(--alice)
--mutedFog · var(--fog)
--borderSilver · var(--silver)
--ringTufts · var(--tufts)
--destructiveError · var(--error-10)
■ Every component reads semantic tokens. Dark mode swaps token values without touching markup.
08TypographyInter for words · IBM Plex Mono for numbers
Food Systems at Scale.
Inter 900 · letter-spacing -0.02em · the GFS display style
Inter weight ladder (v10: 400–900 only)
400 · Regular body
500 · Medium UI
600 · Emphasis
700 · Headlines
800 · KPI values
900 · Display
IBM Plex Mono numerics
$124,500
12.3%
1,247 cs
68,400 lbs
+12.4%
■ Two open-source families only: Inter and IBM Plex Mono. Never Sohne, Neue Haas, or any paid face.
09Type Scale ReferenceThirteen sizes · 9px to 96px
--t-3xs · 9pxMicro labels, map callouts
--t-2xs · 10pxBadges, tags, sidebar items
--t-xs · 11pxSection headers, buttons, form labels
--t-sm · 13pxSecondary body, table cells, hints
--t-base · 15pxPrimary body text · default reading
--t-lg · 17pxEmphasized body
--t-xl · 20pxSection titles, small KPI
--t-2xl · 24pxCard headings
--t-3xl · 32pxLarge KPI values
--t-4xl · 40pxHero on mobile, ops values
--t-5xl · 56pxHero on tablet
--t-6xl · 72pxHero · large breakpoint
--t-7xl · 96pxHero on desktop
■ Pair every Inter weight with line-height. Display sizes (32px+) get 1.05 to 1.15. Body sizes get 1.5 to 1.7.
10Spacing Tokens8px base · 12 named steps
--sp-14px
--sp-28px
--sp-312px
--sp-416px
--sp-520px
--sp-624px
--sp-832px
--sp-1040px
--sp-1248px
--sp-1664px
--sp-2080px
--sp-2496px
■ Base unit is 8px. No off-grid pixel values permitted. Use a smaller token before inventing a new one.
11Radius & BorderThree values · never above 8px
The v10 rule: 2px, 4px, or 8px. Nothing else. GFS design is technical and precise — not rounded. Cards, sections, and inputs use 1px solid silver borders, never box-shadow.
--radius-sm
2px
Inputs, badges, tags
--radius-md
4px
Buttons, chips
--radius-lg
8px
Cards, modals, monogram
■ Never use border-radius above 8px. Never apply box-shadow to a card. Flat borders only.
12Brand PortfolioOne corporate · seven sub-brands
Global Food Solutions
Food supply systems built for scale
Corporate parent. Used on internal docs, investor materials, and as endorsement on sub-brand packaging.
Photography rules. Natural light only. Real workers, real shifts, real equipment. No stock photography. No people without signed consent. No warm filters, HDR, or rustic effects. Apply a 5% cobalt overlay for cross-source consistency. Crop tight.
Pallets
Cold chain
Trucks
Loading dock
Inventory
Lab
Team
Heartland
Kitchen
Mixer
Reefer
Receiving
■ Twelve canonical photo categories. All originals stored at 300dpi+ and web-optimized derivatives under /brands/gfs/photos/.
14Sonic BrandAudio logo · 1.4 second loop · cobalt -> tufts -> jordy
Audio logo · 1.4s loop · cobalt -> tufts -> jordy
The sonic signature is a three-note progression that mirrors the visual identity: low cobalt anchor, mid tufts lift, high jordy resolve. Plays on splash screens, video stingers, and the on-hold loop for the main switchboard.
Mastered to broadcast loudness standard. Never pitched, sped, or remixed. Use the WAV master for any production work — never compress source to MP3.
■ Three approved business documents. Pull from these masters — never recreate from scratch.
17IconographyLucide · stroke only · 1.5px weight · six sizes
Icon rules. Stroke only, never filled. 1.5px weight. Round line caps and joins. Six approved sizes: 16, 20, 22, 24, 32, 48px. Always paired with a text label — icons never carry meaning alone.
Package
Truck
Warehouse
Snowflake
Leaf
Thermometer
Factory
Globe
■ Lucide is the only sanctioned icon library. Never mix in Heroicons, Feather, or custom one-offs.