2026Brand · Web Design · Art Direction

Trestle

Spec brand and landing for a real-time freight and cold-chain carrier

  • Spec
  • Brand
  • Web
Open in Figma →
Trestle product screenshot

Layouts

Desktop and mobile

Trestle desktop landing — full 1440 layout from Figma
Desktop 1440
Trestle mobile landing — full 390 layout from Figma
Mobile 390

Placement stills

Aerial of a red semi on a canyon highway at sunrise
Art direction — the lane
Frosted refrigerated trailer interior with produce crates
Art direction — cold chain

Overview

Trestle is a fictional full-truckload and reefer carrier whose pitch is radical visibility: GPS, temperature, and dock events on every load.

Problem

Logistics sites either look like a trucking brochure or a generic SaaS dashboard. Shippers want proof the freight is real and moving, so the page needed cinematic scale and hard data in the same frame.

Design system

Near-black field, bone type, signal orange. Archivo Black set in caps for the display, with JetBrains Mono for every data point. The mark is a steel truss.

  • Full-bleed photography with a live load panel overlaid on the hero
  • Lane board and reefer readouts treated as product UI, not decoration
  • Mobile turns the table into stacked load cards

Outcome

Desktop 1440 and mobile 390 in one Figma file. The darkest, densest page in the four-brand spec set.