Home /Foundations /Typography

Typography

The typography model is shared across Landcare Australia, Landcare, Coastcare, and Junior Landcare. Use Open Sans for almost all typography: headings, sub-headings, body copy, captions, documentation, applications, web, and print. Keep Sari for specifically approved brand logotype and logo-related work so the distinctive Landcare wordmark is not diluted by overuse.

For large display specimens and promotional examples, use approved brand palette values only. The typography specimens use Forest where a dark green heading is needed because it is an approved secondary colour with stronger reading contrast than Landcare Green in long or large text settings.

Roles

Digital Typography Specs

For websites, documentation sites, and applications, use the generated Landcare CSS rather than copying type values by hand. Import the brand CSS first, then the component CSS:

@import "https://landcare.dev/packages/css/dist/landcare.css";
@import "https://landcare.dev/packages/css/dist/components.css";

The brand CSS provides the typography tokens, such as:

--lds-type-h1-font-size
--lds-type-body-line-height
--lds-type-eyebrow-letter-spacing

The component CSS provides reusable digital type classes:

<h1 class="lds-type-h1">Landcare event report</h1>
<p class="lds-type-lead">A short summary of the project, place, and outcome.</p>
<p class="lds-type-body">Use Open Sans for readable online body copy.</p>
<p class="lds-type-caption">Photo: Your Name Landcare.</p>

Use the CSS classes when working in an online environment. Use the token names only when a local component needs custom styling that still follows the Landcare system.

Print Typography Specs

For print, signage, posters, reports, and other promotional design work, use the print size and print leading columns in the type table below as the reference specs. These are supplied in points because print designers usually need to set type manually in design software.

Print specs are starting ranges, not one fixed size for every format. Scale the hierarchy to the size and viewing distance of the artefact while preserving the same relationship between Display, H1, H2, Lead, Body, Caption, and Eyebrow.

Use Open Sans for normal print typography. Reserve Sari for approved logo artwork, wordmarks, lockups, and rare brand-signature treatments only.

Hierarchy

Text Elements

These specimens define how semantic HTML text elements should appear in documentation, generated artefacts, and application references.

Tables

Tables are part of the typography system because they depend on labels, alignment, spacing, line weight, and scan order. Use them when readers need to compare structured information, not as a substitute for normal paragraphs.

Type Tokens

The type table defines both digital CSS values and print reference equivalents. Online projects should use the CSS imports and classes above. Print designers should use the print columns as production reference information.

Typesetting Principles

• Use Open Sans for display titles, H1s, headings, sub-headings, body copy, captions, UI, documentation, and practical promotional design.
• Reserve Sari for approved logotype, wordmark, lockup, and logo-related work.
• Avoid using Sari for general headings, campaign headlines, page titles, body copy, buttons, captions, or repeated template text.
• Use Futura PT as an optional secondary design face, not as the default body or governance face.
• Use Calibri only for Microsoft Office and system-fallback situations where Open Sans is unavailable.
• Use scale, weight, spacing, and alignment before adding colour.
• Keep documentation, print templates, and campaign layouts flush-left and rag-right unless a specific composition requires otherwise.
• Do not justify body text; it creates uneven spacing and makes sustained reading harder.
• Keep body text to a readable measure of roughly 65 to 78 characters on screen, or an equivalent print measure.
• Use uppercase eyebrow or metadata labels only for short labels.
• Use tables for comparison and structured data, not decorative page layout.
• Keep table text readable; do not shrink content below practical reading sizes to fit more columns.
• Use quiet rules, clear headers, and consistent alignment so tables can be scanned quickly.
• Reserve Display and H1 styles for true first-read messages.
• For posters and social tiles, increase scale but preserve the hierarchy relationship between display, heading, lead, body, and caption.
• Use bold keywords to support scanning in learning materials, but avoid bolding whole paragraphs or too many words in one section.

For education-specific text patterns, see Accessibility and its Universal Design for Learning guidance.

Source: Font Brand Guidelines LA 2024, pages 1

Source: Master Brand Guidelines 2024, pages 14, 26, 39, 51, 64, 96, 108, 122