Live preview
Translog homepage: a matte black page with the mono line COORD 48.1173° N, 1.6778° W, the huge capital headline The craft of transport, the strength of the network, its second half in signal green, beside a green lorry under a stormy mountain sky with the figures 15M+ km and 250+ units
18 / ASTRO THEME

Translog

For freight that runs to the minute.

  • Logistics
  • Transport
  • B2B services

The eighteenth Quaeris Design release. A transport and logistics site carrying three service pages, a tracking platform, a network of hubs and corridors, published rates, a careers page and a journal with authors and categories — twenty-two routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
135.3 KB
JavaScript
22
Indexable routes
0
Blocking stylesheets
3
Font families
WebP
Images
Astro 7.3
Built with

Every figure came from astro-design-transport.pages.dev. Open it and check.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

THE BRIEF

What it is for, and who it suits.

A visual direction for a freight operator that wants to look engineered rather than corporate. Matte black, oversized Montserrat capitals, JetBrains Mono for coordinates and labels, and one signal green kept for whatever matters on the page. It is the most cinematic theme in the collection — smooth scroll, staggered reveals and a WebGL grid — and the heaviest part of that only loads when the visitor gets near it.

  • Road hauliers, freight forwarders and logistics operators
  • Warehousing and container businesses selling to shippers
  • Fleet and telematics services that need to show a platform
  • Industrial B2B brands that want weight and motion on their home page
THE PAGE SET

Routes you get, and where they come from.

Every route below is generated at build and served as a static file.

Pages

Written once, edited in place.
  • Home
  • Services
  • Platform
  • Network
  • Pricing
  • Careers
  • Journal
  • About
  • Contact
  • Privacy
  • Terms
  • Legal notice

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Service × 3
  • Article × 4
  • Author × 2
  • Category × 4

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
  • site.webmanifest
DESIGN NOTES

The decisions behind the look.

01

The heavy motion is paid for only when it is seen.

Smooth scroll, word-by-word reveals and counters run on GSAP and Lenis. The Three.js perspective grid in the contact section is the expensive part, so it is imported only when that section is within 300px of the viewport. Under reduced motion Lenis never starts, the counters show their final figure and the grid library is never fetched at all.

02

One signal colour on matte black.

Every surface is a near-black, every rule a thin dark line, and the green is reserved for the second half of a headline, a key figure or the one action on screen. Mono coordinates and spec labels do the job icons usually do, which is what makes it read as engineered rather than decorated.

03

Four config files, nothing ships half-set.

Identity, contact form, analytics and newsletter each live in one file under src/config. Choose a form provider and forget its key and the build says so and falls back to mailto; choose an analytics tool and forget its id and no script ships. A consent banner appears only for the one tool that sets cookies.

04

The pricing page publishes a rate.

Spot movements from €1.15 per kilometre, negotiated lane rates for regular volume and dedicated fleets, each with what it includes. Freight buyers compare numbers, and a pricing page that only says contact us gets skipped — the figures are there to be replaced with your own.

PALETTE
  • Matte black #131313 Page ground
  • Panel #1c1b1b Raised panels and cards
  • Signal green #86b817 The one accent: key words, figures and actions
  • Bone #e5e2e1 Body text
  • Ash #a3a19e Secondary text
TYPEFACES
Display
Montserrat Weights 700 and 800, set in capitals
Body
Inter Weights 400 and 600
Utility
JetBrains Mono Coordinates, labels and specs
WHAT SHIPS WITH IT

Know what you’re getting.

A good-looking screenshot is the beginning. The details help you choose.

01 / THE PAGES

A view of the whole site.

Every release lists its page set, from the homepage to the article, author and category templates your project actually needs.

Page list with each release
02 / THE EXPERIENCE

Every screen matters.

Desktop and mobile layouts, navigation, focus states and interactions, checked at the widths people actually use rather than the one the screenshot was taken at.

How customisation works ↗
03 / THE HANDOVER

The details, before you buy.

Source files, installation requirements, licence and support terms are published on the theme page so you can decide before you spend anything.

Exact package with each release
PRICING

A clear price. A clear package.

Pick the design that fits your project. One licence covers one published website; building for clients is the studio licence.

INDIVIDUAL THEMES ON SALE

Find your fit.

€59 a theme

One licence, one published website. Work you deliver to clients is the studio licence: €399 for the whole collection, and a year of everything released after it.

A theme licence
One published project
Client work
Studio licence
Updates & support
Stated per theme
THIS THEME

Everything above, in one download.

Translog, as the complete Astro source. Change anything, deploy it anywhere static, and keep it.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

ELSEWHERE IN THE COLLECTION

Three more directions.