Skip to content
← All work

Case / 2025Case / Gade 18 / 2025

Gade 18

  • Design
  • Web
  • Webflow

A site where the film comes first.

Fig. 01 / Launched 2025Gade18.com, launched 2025↗ Gade18.com
Fig. 02 / The intro: yellow giving way to the filmBehind: from the documentary I väntan på snö · Film: Gade 18

01 / The opening

The site opens in yellow. The colour gives way in blocks and lets the film through, which then changes project by itself.

  • Deep dark#030F0F
  • Darker#072422
  • Sunny yellow#FFE109
  • Sand#D7CFBB
  • Light sand#E6E1D5
  • Soft sand#F5F3EE

HeadingsHeadings

The words Reklam and Musikvideo set in Bebas Neue, the second in yellow.

Bebas Neue

Capitals only. Headings, categories and project titles, yellow under the pointerCapitals only. Headings, categories and project titles, yellow under the pointer

LabelsLabels and introductions

The letters Aa set in Instrument Serif.

Instrument Serif

Category, introductionsThe category above the title, introductions and short lines

Body, menuBody text and menu

The letters Aa set in Instrument Sans.

Instrument Sans

Weights 400 and 700Weights 400 and 700. Body text, menu, buttons and fact rows

Fig. 03 / The identity: six colours and three typefaces

02 / The identity

Yellow against dark and sand. A narrow, heavy display face for the headings, a serif for what is personal and a calm grotesque for the rest.

Fig. 04 / The categories: the word lights up in yellow, the film changesBehind: from the shoot of the short film Dare · Photo: Gade 18

03 / The films

Calm and well made at the base. The yellow and the playful come in the movement: words that light up, films that change, details that answer.

Behind the scenes in a studio during one of Gade 18’s shoots.
A frame from Oatly Cooking Show, produced by Gade 18.
Fig. 05 / Filmprojekt on mobileA picture from a shoot and from Oatly Cooking Show · Gade 18

04 / On mobile

On mobile the categories sit in a yellow bar at the bottom, always close to the thumb. The films fill the rest.

A jetty at sunset, a frame from the commercial Forever Faster for Puma.
Fig. 06 / From the commercial Forever Faster for PumaFilm: Gade 18

First for “produktionsbolag Malmö”.

05 / The result

Gade 18 ranks first for its most important search term, and the site has brought more enquiries.

At a glance

From a template to first in search.

Client
Gade 18, production company in Malmö
Engagement
Build (website): concept, design, development and SEO
Timeline
About 12 weeks, launched 2025
Deliverables
Concept and design · Development in Webflow · Intro and motion · Film projects in four categories · Swedish, English and Danish · SEO · Mobile version
Plant team
Julius, all the way
Afterwards
First for the search produktionsbolag Malmö. More enquiries through the site, according to Gade 18.

More projects

Where it begins

Tell us what needs to change.

A first conversation with Julius and Line. You need neither a brief nor a finished idea. We listen, ask questions and work out where you stand.

Book a first conversationhej@plantstudio.se

60 minutes · Free · No commitment

What happens next

  1. You send a few lines about yourselves.

    Two minutes.

  2. We reply within a few days.

    With a few times to choose from, online or in person.

  3. We meet for 60 minutes.

    We listen, ask questions and get a feel for where you stand.

  4. You get a short proposal.

    Where you stand today, what we'd recommend next, and what working together could look like. You're entirely free to decide whether to go further.