Start Here

The Landcare Design System is the shared source of truth for brand-governed documentation, design tokens, CSS references, and web and print artefact specifications.

Start here

Your path through the system

01Understand the design systemLearn how foundations, tokens, components, patterns, artefacts, and governance work together.
02Read the brand rulesReview the intro matter, then continue to logo licensing, governance, and the FAQ.
03Choose a brand presetCompare Landcare, Coastcare, and Junior Landcare inherited rules.
04Use components and outputsChoose shared, digital, or print components, then import tokens, component CSS, and artefact specs.

Explore The Documentation

Guide

Understand the purpose, governance model, source guidance, logo licensing, and common questions.

Foundations

Use the core rules that shape every artefact: colour, typography, grid, composition, content, accessibility, and logos.

Components

Use shared, digital, and print components as reusable building blocks for interfaces, forms, field sheets, posters, and signs.

Artefacts

Review the web and print template specifications generated from the approved brand tokens.

Web And Print Artefacts

Developers

Find the generated CSS, JSON tokens, artefact specs, and implementation outputs.

Developer Outputs

Designers

Download or reference designer source files for colour palette workflows.

Component System

The Components section now works as a catalogue of reusable parts, with separate streams for Shared Components, Digital Components, and Print Components. Each component has its own page with purpose, use guidance, web guidance, print guidance, states, anatomy, and review checks.

Use Shared Components for patterns that work across media. Use Digital Components for websites, apps, online forms, navigation, and interactive states. Use Print Components for A4 forms, field sheets, worksheets, posters, signage, handwriting, surveys, consent, attendance, and field data collection.

79documented components

3reader streams

13component groups

Review readychecklists included for every component

Brand Presets

Choose the inherited brand preset before creating or reviewing group-specific artefacts. National and master brands define the wider Landcare brand system. Group-facing brands are the presets intended for local group forks and generated group artefacts.

National and master brands

Landcare AustraliaGenerated national preset: master Landcare AgricultureGenerated national preset: master LandcarerMaster brand family: see logo and governance guidance Landcare CarbonSMARTMaster brand family: see logo and governance guidance

Group-facing brands

LandcareGenerated group-facing preset CoastcareGenerated group-facing preset Junior LandcareGenerated group-facing preset

Test Group Fixtures

These fixtures show how group forks customise approved variables while inheriting protected brand rules.

Your Name CoastcareCoastcare fixture Your Name Junior LandcareJunior Landcare fixture Your Name LandcareLandcare fixture

Outputs

Public documentation and outputs: https://landcare.dev
Generated CSS: https://landcare.dev/packages/css/dist/
Generated component CSS: https://landcare.dev/packages/css/dist/components.css
Generated token JSON: https://landcare.dev/packages/tokens/dist/
Generated artefact specs: https://landcare.dev/packages/artifacts/dist/
Designer source files: https://landcare.dev/packages/designers/dist/
Static documentation site: site/

First Build Priorities

The first implementation now prioritises web, print, and paper-form component guidance. Video, presentation decks, and deeper application component libraries can inherit the same token and component model later.