Style tile · Direction: Site-ready

Built for the site,
not the showroom.

Dark navy and the logo’s blue, with a hi-vis yellow that no WA framing competitor uses. Heavy condensed headings over a clean grotesk. Photography of real scale: cranes, crews, factories and WA landscapes.

Logo · existing mark retained
The Truss Factory logo on a light background
Light backgrounds
The Truss Factory logo reversed on navy
Dark backgrounds: wordmark reversed to white
The Truss Factory circular truss mark
Mark only: favicon, social avatar, app icon
Colour
Aa
Ink#0F1B33 · heroes, headings, dark sections · white text 17.2:1
Aa
Truss blue#0584BF · from the logo · icons, step numbers, large type
Aa
Hi-vis#FFD100 · primary buttons and highlights only · ink text 11.7:1
Aa
Paper#F5F3EE · light sections
Aa
Pine#F4EBDD · warm owner-builder sections, timber tags
Aa
Night#0A1326 · footer, utility bar, trust bar
Aa
Link blue#06699C · text links on light · 6.0:1 on white
Aa
Slate#515D6E · body copy on light · 6.7:1 on white
Aa
Steel#8FA0B6 · labels on dark · 6.4:1 on ink
[ ]
Placeholder#FFF1A8 · marks content to confirm with the client
Typography · Barlow Condensed + Barlow (Google Fonts)
Display · Barlow Condensed ExtraBold 800 · 96/88 · uppercase
Timber or steel.
Heading 2 · 800 · 76/72 · uppercase
Go up, not out.
Heading 3 · 800 · 34/34 · uppercase
Posistrut floor trusses
Eyebrow · Bold 700 · 17px · tracking 2.5px
What we make
Lead · Barlow Regular 400 · 21/31

Roof trusses, floor systems and wall frames, engineered in Neerabup and installed by our own crew.

Body · Regular 400 · 18/29

Registered builder or first-time owner-builder, you get the same engineered frame and a straight answer about timber or steel.

UI label · SemiBold 600 · 16

Site suburb or postcode *

Numbers · Condensed 800 · Truss blue
010203
Buttons & controls
Get a quote No plans yet? Start here

On dark: hi-vis primary, white outline secondary. One primary action per view.

Upload your plans (08) 9404 6111

On hi-vis: ink primary, ink outline secondary.

Second-storey addition Granny flat Kit or pole home
Timber Steel Not sure, price both

Chips and segmented controls are native radio and checkbox inputs, 44px+ touch targets.

Helps us check wind rating and delivery.
Drop plans here or browse
Icons & motif

The W-web truss from the logo, drawn as a line icon. It marks eyebrows and dividers. Icons are 2px strokes with rounded ends, never filled or emoji.

Photography
Scale & sky. Low angles, golden hour, cranes and trusses against a WA sky.
People at work. The factory, welding and crews in hi-vis, never posed stock.
Unmistakably WA. Coastal sand, teal H2 pine, the Hills, Pilbara red dirt.

Caption every real job photo with suburb and project type. The images in this design are AI concepts, to be replaced with real job photos before launch.