Lumen Hero

An AI-designed landing page for a fictional workflow automation product

Playable

Description

A clean, modern landing page for 'Lumen', a tool designed to connect workflows and automate background tasks. It serves as a demonstration of rapid web design and layout generation using AI.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Demonstrates the capability of Claude for generating professional-grade landing page designs and copy in a single…
Attributed to: @aicre8dev
Built with: Claudefamily
Links: lumen-hero.aicre8.app
View tweet
Tags: #landing-page #web-design #ui-ux

Discovered: X
First posted: X · Oct 1, 2026
Listed: Added 1h ago
Build: Strong
Models: Strong

Prompt

Build a one-page hero for "Lumen", an AI workflow product. Media: generate one 16:9 image first: "a single liquid sculpture of iridescent pearl and chrome, smooth folds like poured glass, centred, floating on pure black #000, soft rim light, pastel pink, cyan and gold reflections, studio render, no text". Then generate a 10s video from that image: "the liquid form slowly folds and turns into itself, light glides across its surface, camera locked, background stays pure black, slow and calm". Hero: full-viewport black section. Video full-bleed (object-fit cover), the image as poster; loop it with two stacked video elements that cross-fade over the last 1.0s so the seam is invisible. Over it, centred: a small pill "New · Lumen 2 is live", headline "Work that moves itself." (white, 72px, tight tracking), subline in white/70, and one white pill button "Start free" with an arrow. Top bar: logo left, four text links centre, "Sign in" and a white "Get started" pill right. Bottom strip: "Trusted by teams at" + five plain-text wordmarks in white/50. Add a radial dark vignette so text stays readable over bright frames. Pause video when the tab is hidden; prefers-reduced-motion shows the still.

Source

Explore

Toys & Experiments

Lumen Hero

An AI-designed landing page for a fictional workflow automation product

byAICre8

Playable

Description

A clean, modern landing page for 'Lumen', a tool designed to connect workflows and automate background tasks. It serves as a demonstration of rapid web design and layout generation using AI.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Demonstrates the capability of Claude for generating professional-grade landing page designs and copy in a single…
Attributed to: @aicre8dev
Built with: Claudefamily
Links: lumen-hero.aicre8.app
View tweet
Tags: #landing-page #web-design #ui-ux

Discovered: X
First posted: X · Oct 1, 2026
Listed: Added 1h ago
Build: Strong
Models: Strong

Prompt

Build a one-page hero for "Lumen", an AI workflow product. Media: generate one 16:9 image first: "a single liquid sculpture of iridescent pearl and chrome, smooth folds like poured glass, centred, floating on pure black #000, soft rim light, pastel pink, cyan and gold reflections, studio render, no text". Then generate a 10s video from that image: "the liquid form slowly folds and turns into itself, light glides across its surface, camera locked, background stays pure black, slow and calm". Hero: full-viewport black section. Video full-bleed (object-fit cover), the image as poster; loop it with two stacked video elements that cross-fade over the last 1.0s so the seam is invisible. Over it, centred: a small pill "New · Lumen 2 is live", headline "Work that moves itself." (white, 72px, tight tracking), subline in white/70, and one white pill button "Start free" with an arrow. Top bar: logo left, four text links centre, "Sign in" and a white "Get started" pill right. Bottom strip: "Trusted by teams at" + five plain-text wordmarks in white/50. Add a radial dark vignette so text stays readable over bright frames. Pause video when the tab is hidden; prefers-reduced-motion shows the still.

Source

Lumen Hero

Description

How it grew

Lumen Hero

Description

How it grew