Air-Weigh · New Direction · October 15, 2026

Interior page mockups

Nine templates that cover every interior page type. Each one lays out a real air-weigh.com page, word for word from the live site, in the homepage's design system: same CSS, header, footer, buttons and colour panels. Only the layout is new. Nothing on the dev site has been changed.

The templates

Desktop 1440 px · mobile 390 px screenshots

Product page mockup, desktop

Product page · 11 pages

iWeigh® for Tractor/Trailers

Gold hero; live QUICK LINKS as a sticky bar; intro beside the app image; features on navy in two columns with the line art; specs with the accuracy figures pulled out; FAQ beside the App F.A.Q. card.

Open · Desktop · Mobile

Industry / application mockup, desktop

Industry / application · 13 pages

Refuse Truck Scales

Green hero; the three live intro blocks (BinMaxx, BinMaxx Cloud, Gross Vehicle Weight) as colour panels; BinMaxx features on green with its video; specs and FAQs as cards and accordions; BinMaxx Cloud on navy.

Open · Desktop · Mobile

Case study mockup, desktop

Case study · 15 pages

Case Study – Toyota

Steel-blue hero with the PDF button; Solution Overview as a navy fact strip; situation with a pull-quote; answer and results side by side; the five quotes as a grid.

Open · Desktop · Mobile

Support / user guides / literature mockup, desktop

Support / user guides / literature · 12 pages

User Guides

Navy hero; QUICK LINKS as a sticky bar; each live manual group as a product-coloured panel of download tiles; FAQS AND TIPS as accordions with the calibration steps numbered.

Open · Desktop · Mobile

Blog index / news mockup, desktop

Blog index / news · 5 pages

Blog

The 12 posts the live page lists, with live excerpts: first as a lead story, the rest as an image card grid.

Open · Desktop · Mobile

Blog post mockup, desktop

Blog post · 192 posts

What Overweight Loads Do to Truck Stopping Distance

Full live text in a reading column with a sticky contents list; the live "Quick answer" in a navy box; live iWeigh image link as a gold call-out; takeaways and FAQ.

Open · Desktop · Mobile

About / company mockup, desktop

About / company · 4 pages

About Us

Photo hero; intro in two columns; the "technology company" quote and product list on navy; Always Innovating beside the team photo; Committed to Quality on the gold band with the ISO certificate.

Open · Desktop · Mobile

How to buy / dealers / contact mockup, desktop

How to buy / dealers / contact · 6 pages

Factory Installation

Gold-band hero; the three benefit cards; 104 trailer OEMs and 20 body builders in tidy columns; OEM partner photos as a grid; READY TO TALK? strip.

Open · Desktop · Mobile

Forms, thank-yous + legal mockup, desktop

Forms, thank-yous + legal · 12 pages

Warranty Registration

Gold-band hero with the live intro line beside the real registration form, grouped into address, contact and purchase blocks.

Open · Desktop · Mobile

What's on the dev site

97 published pages and 192 posts, pulled from the dev site's REST API on October 15, 2026. Full list with every URL: inventory.csv.

Page typeCountMockup
Product page11product-iweigh-tractor-trailers.html
Product hub / selector / tools11product-iweigh-tractor-trailers.html
Industry / vehicle application13industry-refuse.html
Case study + case-study index + testimonials15case-study-toyota.html
Support / user guides / literature library12support-user-guides.html
Blog index / press / shows5blog-index.html
About / company4about.html
How to buy / dealers / contact6factory-installation.html
Forms, thank-you + legal12forms-warranty.html
Home (already redesigned)1-
Test / duplicate / draft (retire, no template)7-
Blog posts (single template): 72 news and shows, 50 state fines, 34 press and media, 28 use-case articles, 8 case-study posts192blog-post.html

The system

One stylesheet adds the interior parts

Everything here loads the live theme CSS (gc-tokens, gc-theme-support, gc-blocks) plus one proposed file, gc-interior.css, built only on the existing tokens. Sections are core Group, Columns, Details and Buttons blocks with classes, so each can become an Air-Weigh pattern.

All mockups