The Farmsent visual system
A living reference for our logo, color, typography, and interface foundations — generated directly from the production design tokens. Click any color or token to copy it.
Logo & mark
The primary lockup pairs the sprout mark with the Farmsent wordmark in Tiger's Eye gold. A monochrome Jungle Green variant is available for light surfaces where gold isn't suitable. Use the full lockup wherever space allows; fall back to the mark for compact or square placements.
Primary lockup
Gold on brand-black background
Gold on light surface
Maintains gold across backgrounds
Jungle Green lockup
Monochrome variant for light surfaces
Sprout mark
For avatars, favicons & tight spaces
Mark variations
Single-color and reversed cuts of the sprout mark for social avatars, favicons, stickers, and creative use. Choose the variant with the strongest contrast against its background.
Green mark
Jungle Green on light
White mark
Reversed for dark backgrounds
Gold on green
Contained badge for social avatars
Gold mark
Primary mark on brand-black
Do
- Preserve clear space of at least the mark's height on all sides.
- Keep the gold color consistent across light and dark backgrounds.
- Use the mark alone only when the brand is already established in context.
Don't
- Recolor, rotate, or add effects to the logo.
- Stretch or distort the aspect ratio.
- Place the lockup on low-contrast or busy imagery.
Color system
Three ramps and a set of semantic tokens. Brand green and a single gold accent sit on a warm neutral built from the same green hue, keeping every screen tonally unified.
Brand Green
--color-keppel-*
The core Farmsent identity color. Used for the sprout mark, primary surfaces, and anywhere the brand needs to feel rooted and organic.
Accent — Tiger's Eye Gold
--color-cyan-*
The single accent. Reserved for calls-to-action, live-data highlights, and key figures. Use it sparingly so it always signals importance.
Neutral
--color-baltic-sea-*
A warm, green-tinted neutral ramp — not a pure gray. Drives backgrounds, cards, borders, and body text so the whole UI stays tonally aligned with the brand green.
Semantic tokens
Always build with these role-based tokens rather than raw ramp values — they carry meaning and adapt with the theme.
Type system
Two families: Geist for everything, and Geist Mono for figures and technical detail. Two fonts, disciplined weights.
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Decentralizing agriculture
Built for the field
Section heading
Card title
The quick brown fox powers the network across every node.
Supporting caption and metadata.
Interface foundations
The shared primitives — corner radius, elevation, buttons, and status colors — that keep every surface recognizably Farmsent.
Corner radius
--radius: 0.75rem
Elevation
--bento-shadow
Buttons
Status colors
Green marks active or secured items; gold marks in-progress or attention items; neutral for everything else.