# A pharma launch page with a DNA chain that sets the mood

> A product-launch landing page for a fictional pharmaceutical brand, with living DNA chains and bloom and depth of field as its atmosphere.

Canonical page: https://andersonmancini.dev/blog/dna-chains-launch-page

Published: 2026-09-21 · 1 min read · Tags: three.js, webgl, post-processing, landing-page, launch

Chemical and medicine brands rarely look exciting online, and their products need to feel **premium and precise**. This landing page is a concept for a fictional pharmaceutical brand, and it uses 3D to carry that tone.

![The DNA chain of the landing page](https://andersonmancini.dev/images/dna_chain.webp)

## A background that is also the story

The DNA chains are alive: they shift and morph as the atmospheric backdrop of the page. They are not decoration alone. They set the **mood** of the launch.

## Post-processing that does the polish

The page shows how advanced post-processing, **bloom, depth of field and glow**, can elevate a launch page in an industry where the story has to feel serious. It is built with Three.js.

## Related videos

The idea started as an experiment: there is a [first DNA chain with GSAP](https://andersonmancini.dev/videos/dna-chain-threejs-gsap-experiment.md) and a [double helix](https://andersonmancini.dev/videos/dna-double-helix-threejs.md).

## Try it

The page is live at [dna-neotix.vercel.app](https://dna-neotix.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/biontech-chemicals.md).

## Related projects

- [Biontech Chemicals](https://andersonmancini.dev/projects/biontech-chemicals.md) — Dynamic DNA landing page with post-processing