← Atlas · Topics: inspiration, landing-pages, motion
Locomotive
- Site
- locomotive.ca
- Type
- website
- Verdict
- Useful
- Licence
- Look only licence, not stated
not-statedThe portfolio is free to browse. Its privacy policy is published, but no reuse licence or site terms were found; project visuals belong to their respective owners and should be treated as look-only. - Agent channels
- none
- Pricing
- free
- Reviewed
What it is
Locomotive is a Montreal digital design studio. Its portfolio moves from an audiovisual homepage to a filterable work archive and individual project case studies. The archive groups projects by service area and links out to selected client sites.
When to open it
- When you need a reference for an agency portfolio that makes its work easy to browse while giving each project its own presentation.
- When studying how large editorial typography, imagery and motion can establish a strong art direction across a homepage, index and project detail page.
Most useful
- The homepage opens with a full-bleed audiovisual hero. A single-line top navigation sits over it, alongside a very large serif headline and a compact OPS/DES/DEV studio mark.
- The work archive places projects in three text columns for name, sector and city on a white field. Filters sit above the list; expanding a row reveals project imagery, service tags, a short summary and links to its case study or live site.
- The Truck'n Roll case study changes scale with a mostly white hero: oversized serif title and project metadata sit beside a large photograph.
- The linked Truck'n Roll site carries its own distinct art direction: black background, oversized slanted white logotype, a truck photograph and a bold sans-serif headline.
Using it with agents
No published MCP, API, CLI, registry or agent guide was found. Give an agent the homepage, work archive or a specific case study URL and ask it to describe the visible hierarchy, image treatment and transitions between those page types.
Watch out for
- The homepage and project pages rely on large media and strong typography; use the layout and pacing as a reference, then adapt the scale to the actual content and viewport.
- The studio's portfolio imagery and the client work shown in its case studies have no reuse licence stated on the reviewed pages. Treat them as look-only and check the client site separately before reusing anything.
- Motion is part of the presentation, but the accessible experience should still communicate each project when media is unavailable or reduced motion is enabled.
Reusable ideas
- Put a work archive in a typographic table-like grid, then reveal detail in place so a visitor can scan the collection without losing context.
- Keep the project identity, metadata and key image visible together at the top of a case study.
- Let each client project keep its own visual language while using consistent archive and case-study navigation around it.