FFarmChain
Design system

FarmChain visual language

Every surface in the product is composed from these tokens and components.

Typography

Display

Title

Heading

Lead paragraph for section introductions.

Body small — supporting detail.

Eyebrow label

Colour

Primary
Primary soft
Accent
Accent soft
Ink
Surface
Success
Warning
Info
Destructive

Buttons

Badges

default
soft
accent
secondary
success
warning
info
destructive
outline

Cards & metrics

Plan duration

12 months

Illustrative only

Frequency

Weekly

Illustrative only

Asset preference

Mixed

Illustrative only

Progress

Contribution plan progressExample
Asset journeyExample
Documents completedExample

Timeline

  1. Application received

    Example step content.

  2. 2

    Plan selected

    Example step content.

  3. 3

    Eligibility review

    Example step content.

Form controls

Notifications

Contribution recorded

2h ago

An example notification body describing a recorded contribution.

Asset journey update

Yesterday

An example update about a designated asset under management.

Modal

States

No contributions yet

Recorded contributions will appear here.

Application submitted

We will contact you with next steps.

Something went wrong

Please try again in a moment.