LAB
Prompt detailNO. 61[ CREATIVE PRODUCTION LAB ]
Home/Index/Y2K chrome music event page

Y2K chrome music event page

Turn real event details, artists and a schedule into a chrome-and-gloss Y2K page with ticket actions that reflect actual availability.

Recipe typeUI design
Output formatSingle-page HTML/CSS/JS
DeliverablesHero / lineup / schedule / tickets
Version1.0
01 / Description

Turn real event details, artists and a schedule into a chrome-and-gloss Y2K page with ticket actions that reflect actual availability. A compact direction to help the next screen feel deliberate, specific, and easy to remix.

02 / Prompt
Create a complete Y2K chrome music-event frontend page. It introduces an event and links to actual ticket/contact actions; it is neither a music player nor a ticketing system. Use a tool that generates HTML/CSS/JS.

INPUT
Event: [name, theme, audience, venue/online address, exact date/time/time zone]
Artists: [confirmed actual artists/groups, descriptions, licensed images; mark unconfirmed items]
Schedule: [start/end, time zone, stage/location, program; leave unknown items blank]
Tickets/actions: [actual sales URL, confirmed tiers/currency/prices/status, primary label; or real contact URL]
Content/assets: [description, travel/admission conditions, real FAQ, licensed logo/fonts/audio]
Constraints/delivery: [prohibited colors/elements, copy language, standalone index.html by default or specified stack]

MISSING INFORMATION
Ask at most three blocking questions, prioritizing date/time zone, actual lineup and action URL. Mark other gaps [To supply] or omit them. Never guess artists, venues, prices, availability, sponsors or sold-out status. Report conflicts in event/schedule times. Explicitly authorized fictional events are visibly labeled demos, and demo ticket actions never link to unrelated shops.

MAKE
1. Verify facts, time ranges and rights; build navigation, hero, lineup, schedule, tickets/actions, information/FAQ and footer only where material exists. Make name, date, venue and action clear before decoration.
2. Define Y2K through multi-band silver chrome reflections, baby/electric blue, hot pink, lavender and iridescent disc motifs. Glossy bubble/pill buttons have a white top highlight. Use a few decorative chrome spheres, stars and discs. Avoid matte clay or leather/brass. Decorations convey the era above an orderly content structure.
3. Limit chrome to large display type, marks or nonsemantic decoration. Body, dates, prices and button labels use readable solid-color fonts with Chinese system fallbacks. Gloss overlays never cover copy. Supply solid text fallbacks and check both lightest/darkest metallic portions against their background; a shadow is not automatic compliance.
4. Show confirmed lineup data only. Sort schedules within the same labeled time zone and date; cross-midnight entries carry explicit dates. Ticket actions open supplied URLs only; missing links or unknown status receive explained disabled/omitted actions. Never simulate payment, booking success or remaining inventory. No automatic music playback; optional controllable previews require available licensed audio and actual supported behavior. Add countdowns only if explicitly requested with exact time-zone-qualified times; ended events stay ended rather than resetting.
5. Check 390px/1440px: single-column lineup, readable complete schedule, unclipped tickets, fewer/smaller decorations and no horizontal page overflow. Ensure keyboard use, visible focus and appropriate touch targets; hide decorations from assistive technology. Disable shimmer, floating, rotation and iridescent animation for reduced motion. Check long names, unconfirmed lineup, missing prices/links, cross-day schedules and ended events; distinguish actual checks from pending ones.

DELIVER
A. Structure, facts/pending items, unified time definitions and asset inventory.
B. Complete index.html with inline CSS/necessary JS and all copy; editable content/date/style variables. Supply full necessary files for a requested stack, not a poster image instead of a page.
C. Actual behavior/ticket limitations and performed/pending checks.
If execution tools/browser are unavailable, state that the page was not run. Do not claim verified ticketing, audio, accessibility or business outcomes.

Site adaptation of Heiberg Industries / Designbrief, Y2K Revival (MIT). Retains chrome, glossy bubbles and silver/blue/pink; the site adds event structure, time/ticket facts and delivery boundaries: https://github.com/Heiberg-Industries/designbrief/blob/6b22ff3794eb2fe8d526ff32a3067022fa3ed6b6/styles/y2k-revival.md . Copyright (c) 2026 Heiberg Industries (https://heiberg.co). Full license: https://github.com/Heiberg-Industries/designbrief/blob/6b22ff3794eb2fe8d526ff32a3067022fa3ed6b6/LICENSE .
03 / Negative prompt
invented lineup/prices, unverified availability/sold-out status, mixed dates/time zones, fake payment/booking, autoplay of unlicensed audio, unreadable small chrome type, disruptive flashing, poster instead of full-page code
04 / Generation settings
Recipe typeY2K chrome UI
Output formatSingle-page HTML/CSS/JS
DeliverablesHero / lineup / schedule / tickets
Version1.0