Using this with AI tools
Give your AI agent (Claude Code, Claude Design, Cursor, Devin, etc.) this line, or add it to your project's AGENTS.md:
Follow the LANDIT brand guide at https://asset.landit.com.au/brand/landit/AGENTS.md (index of all assets: https://asset.landit.com.au/llms.txt). Use the published asset URLs; don't redraw logos or icons.
Which format to use
Web app (React etc.)
Logos: SVG. Icons: inline SVG (<name>.svg, import as components) coloured with CSS color.
Landing pages
Logos: SVG. Icons: inline SVG, or the fixed-colour SVG in an <img>. Favicon: the favicon/ set.
EDM (email)
Logos: PNG @2x shown at half size. Icons: PNG. Email clients don't render SVG reliably. Absolute URLs only.
Logos and icons: SVG (vector, any size), or ask for the PDF/EPS masters. Never the web PNGs.
Docs and slides
PNG @2x (or SVG where supported). Start decks from the deck template.
Colour
Default: white surface, navy text, red accents. Impact (headers, banners): navy surface, white text, red mark. Red surfaces take white only.
#D31E31RGB 211 30 49 · CMYK 11 100 89 2
--landit-red#1A1B26RGB 26 27 38 · CMYK 80 74 56 71
--landit-navy#FFFFFFAlt surface
#F4F4F5--landit-whiteTokens: tokens.css · tokens.json
Logo
Clear space at least 24 px. Full logo at least 120 px wide on screen (30 mm in print); smaller than that, use the mark alone (at least 16 px). Use PNG in email.
Typography
Two families, five weights. Poppins for headings and figures; Montserrat for everything you read. No other weights, no italics, no other fonts.
Do
- Sentence case for headings and buttons
- Left-align body; 60–75 characters per line
- Emphasise with SemiBold 600, not italics
- Always include the fallback stack
Don't
- Body in Poppins, or headings in Montserrat
- Light, Thin, ExtraBold, Black or faux bold/italic
- Other fonts (LEMONMILK, Calibri, Myriad)
- Type "LANDIT" instead of using the logo
- Body under 16 px, or any text under 12 px
Add fonts.css to load the five weights (self-hosted WOFF2). Licences: Poppins OFL · Montserrat OFL. Full scale, EDM and print sizes: brand guide.
Icons
2 px line, 24 px grid. <name>.svg uses currentColor: inline it, or use it as a CSS mask, to recolour it on the web. In an <img> or email, use the fixed-colour SVG or PNG (96 px, transparent).
bathSVG currentColor navy red whitePNG navy red whitebedSVG currentColor navy red whitePNG navy red whitecarSVG currentColor navy red whitePNG navy red whitegarageSVG currentColor navy red whitePNG navy red whiteglobeSVG currentColor navy red whitePNG navy red whitehandshakeSVG currentColor navy red whitePNG navy red whitelocationSVG currentColor navy red whitePNG navy red whitemailSVG currentColor navy red whitePNG navy red whitemap-pinSVG currentColor navy red whitePNG navy red whitemegaphoneSVG currentColor navy red whitePNG navy red whitephoneSVG currentColor navy red whitePNG navy red whitesettingsSVG currentColor navy red whitePNG navy red whiteshield-checkSVG currentColor navy red whitePNG navy red whiteshowerSVG currentColor navy red whitePNG navy red whitetoilet-paperSVG currentColor navy red whitePNG navy red whitetoiletSVG currentColor navy red whitePNG navy red whiteuserSVG currentColor navy red whitePNG navy red whitewardrobeSVG currentColor navy red whitePNG navy red whiteFavicon, social and templates
Favicon
- favicon.svg · favicon.ico
- favicon-96x96.png
- apple-touch-icon.png
- 192 · 512 manifest icons