Skip to content
darkroom.engineering
WorkAboutContact
Let's talk→

Nav

  • home
  • work
  • about
  • contact

open source

  • all OSS projects
  • satus
  • lenis
  • hamo
  • tempus
  • elastica
  • aniso
  • cc-settings

social

  • github
  • X (twitter)
  • Instagram
  • LinkedIn

Inspiration

    darkroom

    ©2026 darkroom.engineering

    all rights reserved

    Lore

    Lore puts all the lore you seek from your favourite stories in one place. We built loreobsessed.com as one WebGL scroll with its own sound: a metal wordmark burns away as you scroll, its O becomes a ring that carries the manifesto and the team, and every visit lands on one of four colour themes.

    Year
    2025
    Client
    Lore
    Type
    ai
    Role
    Development, WebGL, CMS
    Stack
    next / three / theatre / lenis
    design
    Glenn Catteeuw
    3D Artist
    Kurt Drubbel
    Sound Designer
    Romain Rope
    Visit loreobsessed.com
    01Three chapters, one scroll

    Chapter 1: the wordmark

    Scrolling burns the letters away

    The mission, over the emptied scene

    Chapter 2: the manifesto passes the ring

    Chapter 3: the team, inside the ring

    The waitlist

    02The wordmark: one 60 KB model and five texture maps

    Rendered in Blender from the shipped model. On the site, its bevels glow in the theme colour

    The LORE letters in grey clay

    Clay

    The LORE letters as a wireframe

    Wireframe, 8,320 vertices

    The LORE letters in hammered metal

    Colour, normal, roughness, metal and height maps

    03A greyscale scene, coloured by one filter

    Letters, backdrop, 120 dust motes, bloom and god rays, all uncoloured until one filter turns the frame gold

    The letters’ dissolve, swept by hand

    With its burning edge, as it runs on scroll

    04The O becomes a ring for the manifesto and the team

    Chapter 2: the ring and a fresnel ribbon of light

    Chapter 3: a portrait inside the ring

    Hover a name and the portrait crossfades; click and the bio opens

    05Chapters cut to each other along one angled wipe

    Angle at zero: a flat wipe

    The shipped angle, flattening as the cut runs

    Chapter 1 to 2

    Chapter 2 to 3

    06Four themes, one picked at random on every visit

    Gold, filter #FFD76A

    Flaberry, filter #FF87C3

    Neptune, filter #78DBFF

    Moss, filter #89C660

    07Colour and type

    • Void

      #000000

    • Stone

      #FFFAF4

    • Stardust

      #FFF89B

    • Embergold

      #CFAD4F

    • Dreamwisp

      #B8C8E4

    • Fableberry

      #6B3D54

    • Neptune

      #5BB5D6

    • Temple

      #A9D18E

    • Moss

      #548235

    • Eldershade

      #385723

    CeraphDisplay: headlines, manifesto lines and team names

    Lore is going to fix it.

    ABC OracleText and interface: body copy, buttons and labels

    Being a fan used to be fun. We are going to fix it.

    Next project

    Harbor
    Become an Open Source Sponsor