Six colours, and the job each one has
The style guide's primary palette is red, black and white, so those lead. Sand, Tan and Golden are its secondary palette and take supporting jobs. A colour with no job is not used.
The red, beside the logo
White type on the logo's own red falls short of the accessibility floor of 4.5. Primary is the same hue set six per cent deeper, so a button label and a red link both pass. The logo keeps its own red, because it is an image.
White type on it:
White type on it:
- Red marks the one action of the page in view. One red button per screen.
- A link is ink with an underline, and turns red when touched.
- Red is never a section ground, a heading colour or a border.
- The logo is the only other red on the page.
Every rung the framework generates
Automatic CSS sets each shade at a fixed lightness and carries the hue across, so every colour has the same seven steps. Rungs with a job are named. The rest exist in the build and are not used. Figures after each rung are contrast against white and against ink.
The same content on every ground
White and Sand are the two working grounds. Blush is the one rare ground, for the section that needs to stand apart, and it is a rung the framework already makes. There is no deep ground. Contrast is measured from the colours the browser painted. A figure under its floor is underlined.
What your conveyancer does, whether you are buying or selling
Conveyancing is the legal work of moving a property out of one owner's name and into another's. Either way you deal with a conveyancer, and the firm's property lawyers stand behind them. Start with the guides to read before you sign.
Pictured: the property team. Fifteen people do this work, from Bendigo and Swan Hill.
Guides to read before you sign
Written by the property team. Free to download, and yours to keep whether or not you call us. The most read is what happens when I buy a property.
Guide, PDF. Updated by the property team.
A contract signed on a weekend, and a garage that could not be built
A client signed a contract over a weekend, before asking for advice. The searches we run on every purchase found that a new planning restriction was proposed over the land. Read the rest of the story.
Stacey Burke, on buying a house.
Transparency, the 4.0 way
The framework no longer ships transparency tokens. A tint is written where it is used, from the colour itself. One habit covers every case: relative colour for alpha, and a blend in oklab when two colours mix.
oklch(from var(--base) l c h / 0.2)
oklch(from var(--base) l c h / 0.06)
color-mix(in oklab, var(--primary) 12%, var(--white))
What goes into the dashboard
Each line is a real setting in Automatic CSS 4.0.1 and the value to enter. Both lightness switches are turned off, so each colour keeps the lightness it was given.