Brand
AgriRisk brand guidelines
A short, working reference so the mark, palette and spacing stay identical wherever AgriRisk appears — product, marketing, email and partner material.
The mark
The mark is a field-shield: a bevelled shield carrying contoured furrow bands with a rising gold signal cutting through them. Shield for risk cover, furrows for the land, signal for the early warning. It is always drawn from the component — never re-traced, re-coloured by hand or screenshotted.
Brand (default)
Full colour, on cream or white surfaces.
Monochrome
One colour via currentColor. Print, embroidery, watermark.
High contrast
Flat build for dark chrome and small sizes.
Horizontal lock-up on light. The default for headers and documents.
Lock-up on dark. Wordmark in oat cream, mark in the high-contrast build.
Clear space and sizing
Clear space
Keep free space equal to half the mark's height on all four sides. Nothing — type, rules, photography edges — enters that margin.
Minimum sizes
24px on screen and 10mm in print for the mark alone. Below 24px switch to the high-contrast variant; the gradient and halo stop reading.
Lock-up gap
The wordmark sits 10px from the mark at default scale, and scales proportionally. Never re-space or re-weight the wordmark.
Alignment
Optically centre the mark against cap height, not the full line box, when it sits beside type.
Colour
Every colour is a semantic token in the stylesheet. Components reference the token, never the hex — that is what keeps the palette consistent and themeable.
| Colour | Token | Reference | Where it is used |
|---|---|---|---|
| Forest deep | --primary-deep | #173B32 | Footers, dark chrome, the shield base. |
| Forest | --primary | #1F4A3F | Primary buttons, headings, the core brand green. |
| Forest soft | --primary-soft | #2F6B5B | Gradient tops, focus rings, secondary surfaces. |
| Harvest gold | --accent | #C9A227 | Signal line, eyebrows, one accent per view. |
| Gold bright | --accent-bright | #E4B93C | Signal node and high-contrast accents only. |
| Oat cream | --background | #F5F1E8 | Page background. Never stark white. |
| Alert red | --destructive | #A63A28 | Pre-shortage and critical risk. Nothing else. |
Spacing
A 4px base scale. Pick from the steps below rather than inventing values — it is what makes marketing pages and the workspace feel like one product.
- 4px
- Icon-to-label gaps inside a control.
- 10px
- Mark-to-wordmark gap in the lock-up.
- 16px
- Inside small cards and form rows.
- 24px
- Card padding, stacked field groups.
- 40px
- Section blocks inside a page.
- 80px
- Between major marketing sections.
Typography
Display
Fraunces
Headings and the wordmark. Semibold, tight tracking. Never for body copy.
Text
Manrope
Body, UI and all figures. Numeric values use tabular figures so columns line up.
Misuse
- Do not recolour the mark outside the three approved variants.
- Do not rotate, skew, stretch or add a drop shadow of your own.
- Do not place the full-colour mark on photography without a solid tile behind it.
- Do not enclose the mark in an extra box, circle or badge.
- Do not re-set the wordmark in another typeface or weight.
- Do not use gold as a background for the mark — gold is a signal colour only.
Asset files
The mark ships as scalable SVG plus generated raster sizes for browser and social use: /favicon.svg, /favicon.ico, /icon-192.png, /icon-512.png, /apple-touch-icon.png and /og-image.png.
Need something not covered here? Get in touch.