DUSK Deadline Sun

Summary

DUSK magazine profile in the album UI. Drag to your finish date: calls you would miss go grey, and the sun behind the page sinks as the next deadline gets close. The numbers, credits and text are invented demo content.

Prompt

The brief this page was built from.

Build a public DEPO profile, "DUSK Deadline Sun", 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: A setting sun and skyline whose height is the
time to the next deadline. Tool: the date scrubber, with spare days per 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.