---
schema_version: 1
id: "y2k-chrome"
name: "Y2K Chrome"
summary: "Futuristic pop-poster scale, polished metallic objects and tilted orbits, with a distinct indexed audio-visual collection composition."
family: "nostalgic"
tags: ["metallic", "poster", "dimensional"]
best_for: ["culture", "campaign", "products"]
avoid_for: []
density: "balanced"
image_dependency: "low"
motion_level: "subtle"
complexity: "low"
signature: {"composition": "Large stacked poster words beside a metallic object and orbit; B uses one featured edition followed by object-led collection rows.", "typography": "Heavy tightly tracked sans-serif campaign display with small monospaced release identifiers.", "navigation": "Release and collection links; B adds a real numbered three-edition index.", "content_rhythm": "Poster, release sequence, slogan band and edition record versus featured object, two smaller forms and collection note.", "imagery": "Original CSS sphere, reflective orbit, disc and capsule forms with polished gradient material.", "color_and_material": "Pale periwinkle ground, silver highlights and deep violet actions; live text remains solid readable ink.", "interaction": "Actual edition/track-section links and native volume-note disclosures; no simulated audio player.", "motion": "Static metallic forms and light; nonessential transitions removed with reduced motion."}
status: "ready"
prompt_path: prompts/y2k-chrome/prompt.en.md
---

# Y2K Chrome

## Intent

Y2K Chrome channels speculative turn-of-the-century pop culture through material, scale and an optimistic sense of artificial space. It suits a music-world concept, a limited creative collection or an expressive product campaign with a strong central object. The fictional Vellaxis editions imagine three audio–visual releases. A visitor can enter through the Volume 02 poster or browse the related object studies. Identity comes from polished forms and oversized campaign language rather than a personal web directory.

## Signature

Keep four relationships: blunt oversized words against a reflective object; a tilted orbit with an open centre; restrained monospaced identifiers; and a real indexed collection behind the poster. The material effect belongs mainly to the illustration. Ordinary text stays solid, legible and selectable instead of becoming a chrome texture. Keep one dominant object in the poster, and deliberately change scale when moving into the smaller collection rows.

## Typography

Use Arial for display and Arial for body copy, both with explicit system fallback stacks. The display voice must remain distinct from captions, navigation and sustained reading. Keep paragraphs near sixty characters per line, let long headings wrap, and preserve useful caption sizes. The reference includes ĄČĘĖĮŠŲŪŽ and lowercase glyphs so the actual installed font can be inspected. There are no remote font requests or bundled font binaries. A new licensed font requires a recorded asset before use.

## Color and surfaces

Semantic tokens define the page, supporting surface, readable foreground, secondary labels, action accent, boundary and focus outline. Reference CSS consumes generated tokens.css; artwork may retain its separately authored material palette. Preserve the contrast relationships when replacing colors rather than copying an arbitrary accent. Do not use muted type for essential instructions if it becomes difficult to read. A successful token ratio is only one part of checking the rendered interface and every actual text background.

## Layout A

The compact Vellaxis header leads to a poster split between three stacked title lines and a reflective sphere/orbit composition. A narrow transmission strip closes the image field. Below, an editorial release introduction sits beside three numbered title/duration rows. A large slogan band changes the rhythm before a plain edition record and volume disclosure finish the page. The track list has no fake play button. Its purpose is to establish a convincing release world and a genuine route into the collection.

## Layout B

A wide collection headline pairs with a numbered index. The first edition receives a dominant sphere and a narrow descriptive record, while the following disc and capsule editions use horizontal object/title/number rows. Native disclosures hold their actual imagined sequence notes. A concise collection record closes the index. This is an object exhibition with multiple scales, distinct from the poster-to-release sequence used in A. The index anchors remain useful at small widths.

## Imagery

All four material forms are original CSS geometry: a shaded sphere, tilted orbit, reflective disc and parallel capsules. Gradients use named semantic material tokens and stay inside illustrated surfaces; there are no borrowed album covers, stock renders or required image downloads. Accessible image labels describe the object form, and decorative spark marks are hidden. Light and dark gradient ranges are checked visually so the material remains polished without sacrificing the clarity of adjacent type.

## Navigation and interaction

Release links reach the real three-row sequence and its collection record. The numbered collection index reaches all three actual editions. Volume disclosures contain original notes and use native keyboard behavior. Buttons never promise unavailable playback, checkout or tickets. Links retain visible focus against pale panels, and the collection does not require a carousel gesture. A real audio project can add playback later, with truthful controls and states rather than reusing the decorative orbit as a pretend knob.

## Motion

Content is present immediately. Short state transitions are allowed when they explain an operable control; essential copy never waits for a reveal. The reduced-motion media query removes nonessential animation, transitions and smooth scrolling. If an adaptation introduces movement, keep a useful static composition, avoid autoplay distractions and give visitors control over any sustained activity. A decorative motion effect must not turn the page into a different design direction or hide its navigation.

## Responsive behavior

At 1440 keep a large object beside stacked poster language, then give the featured collection record its own broad image field. At 768 reduce the headline and object proportion before changing reading order. Below 700 title precedes the full static object; the transmission strip wraps into short lines, release rows keep their number/title/duration relationship and collection objects stack before their notes. At 360 no word or tilted orbit may force horizontal page overflow.

## Accessibility

Use one main landmark, one descriptive h1, ordered headings, visible keyboard focus and a skip link. Links navigate and buttons change state; native disclosures expose real information. Provide informative alternatives for meaningful images, while purely ornamental geometry stays out of the reading order. Check actual loading, contrast, focus, control coverage and horizontal overflow at 360, 768 and 1440 pixels. The accompanying task evidence records what was executed; these bounded checks are not a full WCAG certification or a guarantee for adapted content.

## Adaptation

Begin with one object and a short campaign message, then build a small related collection with real records. Change the Vellaxis identity and invented tracks to approved content. Preserve reflected-light material, open orbit and deliberate scale changes in another stack without requiring WebGL or a video. If metallic effects are removed, retain the object-led poster and indexed exhibition, but do not claim the direction is fully preserved through a pale purple palette alone.

## Avoid

1. Do not make essential labels metallic gradient text that becomes unreadable. 2. Do not add decorative play controls or imply that fictional releases can be bought or streamed. 3. Do not turn the composition into a personal portal of tiny beveled panels or animate every orbit continuously.

## Closest styles

Retro Web is now an implemented neighbor and its four previews were inspected. It uses a constrained author portal with a visible directory, beveled information panels and complete subject-filed notes. Y2K Chrome instead uses a large speculative poster, reflective geometric objects and an edition index that changes object scale. Its heavy campaign typography and transmission metadata differ from the portal’s bookish title and ordinary underlined web directory. Composition, navigation, imagery, type and content rhythm therefore differ beyond the shared nostalgic family.