11 / Edit me

GIRDER® · Zürich

Make it yours.

Make it yours.

Make it yours.

Six steps from GIRDER to your own studio. Hidden from search.

Six steps from GIRDER to your own studio. Hidden from search.

01

01

Colours

Change Paper, Ink, Red, Cobalt and Yellow in Assets → Colours. Every block, border and shadow follows.

02

02

Type

Text styles use Archivo Black, Archivo and JetBrains Mono. Swap a style once and every page updates.

03

03

Hero

Select the Poster hero on Home. Its controls hold the portraits, headline, button, wordmark and how often it re-sets.

04

04

Content

Projects, Services, Team, Journal, FAQ and Jobs live in the CMS. Add an item and the pages build themselves.

05

05

Motion

Stamps, slides and strips are code overrides in Girder.tsx. Remove an override to keep an element still.

06

06

Photos

Replace images in the CMS or on the canvas. The template turns every photo black and white for you.

16 / Next step

Got a brief?

Visit

Werkstrasse 12
8005 Zürich

14:22:07 ZRHOpen

GIRDER

© 2026 GIRDER. Demo studio, demo work.

16 / Next step

Got a brief?

Visit

Werkstrasse 12
8005 Zürich

14:22:07 ZRHOpen

GIRDER

© 2026 GIRDER. Demo studio, demo work.

16 / Next step

Got a brief?

Visit

Werkstrasse 12
8005 Zürich

14:22:07 ZRHOpen

GIRDER

© 2026 GIRDER. Demo studio, demo work.

Create a free website with Framer, the website builder loved by startups, designers and agencies.