Primary horizontal lockup
Default. Website header, documents, signage, email signatures.
Brand asset library
From African Soil to Global Tables.
Built from the AAAN Brand Kit. Each file is generated from the kit's master artwork and colour tokens, so every download matches the guidelines. For French, the tagline is Du sol africain aux tables du monde.
Logo system
Use the primary horizontal lockup by default. Choose the version that matches the ground you are printing or publishing on. Vector SVG is best for web and print; PNG is for slides, email and social.
Default. Website header, documents, signage, email signatures.
Square or narrow spaces: social banners, packaging fronts, merchandise.
The mark alone, once the name is already on the page: footers, loaders, watermarks.
Name-only uses where the mark already appears nearby.
Forest green bands, dark photography and the dark theme.
One-colour print: stamps, embossing, single-ink packaging.
White on photographs, vehicles, sacks and containers.
One-colour print of the mark alone.
White mark on photographs and dark grounds.
Ready to use
Each presentation file has the brand clear space applied (half the mark's diameter on every side) on a ground the guidelines approve.
Usage rules
Clear space. Keep empty space around the logo of at least half the mark's diameter on every side. Nothing else enters this zone: no text, photos or edges.
Minimum size. Horizontal lockup 140 px wide on screen (35 mm in print). Mark alone 24 px on screen (10 mm in print). Below these sizes, use the app icon.
App and browser
The app icon is the rising seedling on a forest green rounded square. Use it for favicons, app icons and anywhere the full lockup will not fit.
Downloads: favicon.ico (16, 32, 48 px), favicon.svg (vector).
Colour
Forest green is the brand. Harvest gold is the spark. About 60% of any page should be light grounds, 25% forest green, 10% gold and 5% cocoa brown and leaf green. Tokens are in brand-tokens.css and brand-palette.json.
#0E4D2C
Primary brand colour. Logo disc, primary buttons, hero bands, footer. Pair with on-brand text.
#E2A529
Accent fill: key numbers, highlights, the logo's furrow arcs and leaf, secondary call-to-action fills with on-gold text. Never text on light surfaces (2.2:1).
#5B3A24
Secondary brand colour for export, product and premium sections and the logo descriptor line. Text on surface-ivory passes at 9.2:1.
#7DB33F (dark #9CCB63)
Supporting fill for sustainability content, the logo's right leaf, chart series and illustration. Decorative only on light surfaces (2.5:1 on white); never text there.
#F8F4EA
Brand ivory: the warm off-white of print, section backgrounds and reversed logo marks.
#1F2622
Brand near-black for print body text and dark photography overlays.
#FFFFFF (dark #0F1A14)
Default page background.
#F8F4EA (dark #16261D)
Alternate section background and cards on surface. The brand's signature warm ground.
#EFE8D8 (dark #1E3127)
Raised or nested panels, table headers, stat strips on surface-ivory.
#1F2622 (dark #F3EFE4)
Body and heading text on surface, surface-ivory and surface-sand (12.6:1 or more in both themes).
#56605A (dark #B5BDB7)
Secondary text, captions and metadata on surface, surface-ivory and surface-sand (5.3:1 or more light, 8.2:1 or more dark).
#0E4D2C (dark #9CCB63)
Links, eyebrow labels and accent headings on surface and surface-ivory (9.0:1 or more light, 8.4:1 or more dark).
#8A5A12 (dark #E2A529)
Gold-toned text on surface (5.9:1 light) and dark surfaces (7.3:1 or more). Use it where the design wants gold words; never brand-harvest-gold on light.
#F8F4EA
Text and icons on surface-brand and brand-forest-green fills (9.0:1).
#1F2622
Text and icons on brand-harvest-gold fills (7.1:1).
Typography
Fraunces carries the brand voice in headlines and figures. Manrope carries information: body text, labels and buttons. Both are free Google Fonts and support French accents.
From African Soil to Global Tables
AAAN advances African agriculture from seed to shelf, growing, processing and exporting quality produce from Kenya, Ghana and Côte d'Ivoire.
| Style | Family | Size / line | Weight | Use |
|---|---|---|---|---|
display-xl |
display | 64px / 68px | 600 | Home page hero headline only. One per page. |
display-lg |
display | 48px / 54px | 600 | Page heroes on inner pages. |
stat-number |
display | 56px / 60px | 600 | Home page counters and key figures, in ink-brand or ink-gold. |
heading-1 |
display | 36px / 44px | 600 | Section titles. |
heading-2 |
display | 28px / 36px | 600 | Sub-section titles and card group titles. |
heading-3 |
sans | 22px / 30px | 700 | Card titles, crop names. |
heading-4 |
sans | 18px / 26px | 700 | Small headings, table group titles. |
body-lg |
sans | 18px / 30px | 400 | Lead paragraphs under a page or section title. |
body |
sans | 16px / 26px | 400 | All running text. |
body-strong |
sans | 16px / 26px | 600 | Emphasis inside body text. |
small |
sans | 14px / 22px | 500 | Metadata, form help text, footer links. |
caption |
sans | 13px / 18px | 500 | Photo captions, chart labels. Minimum text size. |
eyebrow |
sans | 12px / 16px | 700 | Uppercase label above section titles, in ink-brand. Set text-transform uppercase in code. |
button |
sans | 15px / 20px | 700 | Button and link-button labels. |
Font files: licence and usage · Fraunces (.ttf) · Manrope (.ttf)
Iconography
Drawn on a 24 px grid with a 1.75 stroke and round joins. Use forest green on light grounds and ivory on forest green. Always pair an icon with a text label.
Crop
Crop
Crop
Crop
Crop
Crop
Crop
Crop
Crop
Crop
Crop
Activity
Activity
Activity
Activity
Activity
Activity
Activity
Activity
Activity
Activity
Activity
Activity
Activity
All icons together: icons/sprite.svg (SVG sprite for websites).
Social and marketing
Share images and banners
Share images carry the tagline in both languages. Every public page exists in English and French, so use the matching share image.
Social media profile picture
400 × 400 px
LinkedIn company banner
1584 × 396 px
Open Graph share image
1200 × 630 px
Open Graph share image
1200 × 630 px