OS

GD Graphic Design

Crafted to be seen. A studio site where every service is its own scene.

GD Graphic Design, screen 1 of 9
Overview

The story

A one-page, scroll-driven website for a graphic design studio in Riyadh. Each service has its own scene, and every scene opens with its own transition.

Identity, packaging, print, social media, motion, art direction and websites: each service gets a full scene. The social feed builds tile by tile, the websites scene zooms out of a browser, and the selected work runs as a horizontal gallery.

What I built
  • A full scene for each of the studio's services
  • A different transition for every scene
  • Social media feed that builds tile by tile
  • Websites scene that zooms out of a browser
  • Horizontal selected-work gallery
  • Static export, hosted on Vercel
7Services, 7 scenes
1Continuous scroll story
100%Responsive

Built with Next.js / React / TypeScript / GSAP / Lenis / Vercel

Design system

Style guide

The fonts and colours behind GD Studio, chosen to fit the brand and its audience.

Typography

  • SyneDisplay headings
  • ManropeBody text

Colour palette

Tap a colour to copy its code.

Have a project like this?Let's talk