Lucid Living Cover

Summary

Lucid magazine profile in the product UI of the DEPO album. Choose an issue and the animated background takes its colours. A call matcher sorts open calls by your team, picture count and location. The numbers, credits and text are invented demo content.

Prompt

The brief this page was built from.

Build a public DEPO profile, "Lucid Living Cover", in the product UI of depo0/album.php: dark
ground, Poppins headings, Lato text, yellow primary actions, pill sub-navigation, rails of
rounded tiles, signed-in site header and footer. The animated background is unique to this
profile and is tied to a working tool. Background: Colour clouds sampled live from the chosen
cover. Tool: the fan of issues and the matcher that lists what is missing for each call. Honour
reduced motion and work from 360 px to 1920 px.

Look

• Type: Poppins (headings), Lato (text), self-hosted site fonts.
• Palette: site tokens #18171a, #27262b, #ffb500, #469a58, plus the profile's background colours.
• Layout: sub-navigation, identity, the profile's tool in glass panels, rails of tiles and people.
• Motion: one canvas background at low resolution, paused in a hidden tab, a still frame under reduced motion.

Built with

Borrowed

Header, footer, site CSS and album components from public/depo0. Otherwise nothing borrowed.

Config

None — static page.