Recent ·Picked 2026.10.18
Podium
Film production and creative studio (sport) website design reference — Monochrome・Three-item nav・Scroll sequence・Production company
Source：podium.global ↗ Checked 2026.10.18
Editor's note
What this site does
A production studio for sport with a menu of exactly three items: WORK, ABOUT, CONTACT.
Conversion
Notes
What you see
It opens on a loading counter at 0%, then the headline "Available worldwide". The line that follows — "We've worked with sports brands and athletes worldwide." — narrows the studio to sports brands and athletes in the act of introducing itself.
The menu is WORK, ABOUT and CONTACT, and nothing more. Colour photography drops into a black-and-white frame, and the work changes as you scroll.
What to take from it
This is a decision to claim a narrow field. "Sports" in front of "production studio" wins the clients in that field in a way that "any kind of film" does not, and it reduces the enquiries that were never going to fit.
A three-item menu works here because the work is what gets judged. A company with many distinct services copying it will lose people, so the test is whether the portfolio is the main act.
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h2 | 62px / 700 | 0.90 | 32px / 700 |
| h3 | 24px / 700 | 1.00 | 24px / 700 |
| Body (p) | 12px / 400 | 1.10 | 12px / 400 |
| Button | 16px / 400 | 1.30 | 16px / 400 |
Measured values (desktop 1440px, mobile 375px, 2026.10.18). The most frequent setting for each element is shown. Sites that use h1 for a logo or small label will show a small h1.
Download
Download the wireframe
This structure, as a wireframe you can edit in Figma
The page structure above, rebuilt from DevNJ's wireframe parts. It contains none of the original site's copy, images or code.
Using it in Figma
- Download the SVG.
- Drag and drop the file onto a Figma canvas.
- It opens with one layer group per section — start by reordering sections or replacing the copy.
Text comes in as text layers (set in Noto Sans JP).
Screenshots are shown at reduced size as quotations supporting the commentary. All rights in the design, copy and images belong to Podium and their respective owners. The wireframes are not copies of the original site; they rebuild its structure from DevNJ's parts. Owners or designers who would like this entry removed or corrected can contact us; we respond within two business days. Featured on: Recent
