27 lines
1.8 KiB
Markdown
27 lines
1.8 KiB
Markdown
---
|
||
version: 1
|
||
slug: "frontend-theme-classic-css"
|
||
primary_target: "frontend/theme-classic.css"
|
||
related_targets: ["frontend/index.html","frontend/app.js"]
|
||
---
|
||
|
||
# Classic surface
|
||
|
||
Mode: Operate. Scope: Classic in the shared web frontend, mobile browser/PWA and desktop. Preserve features and all other layout themes. User approved code-first implementation of the full redesign plan.
|
||
|
||
## Direction contract
|
||
|
||
THESIS: A quiet media workspace gives watching and listening equal attention. Empty home is useful content, never content trapped in a video frame.
|
||
|
||
OWN-WORLD: Matte charcoal, warm white type, restrained vermilion, 12px corners, fine dividers. Bundled Hanken UI, Bricolage headings, JetBrains timing. No ambient glow or grain. Respect light and high-contrast preferences.
|
||
|
||
STORY: Search or choose a playlist, play, then browse without losing playback. Existing features and factual copy survive.
|
||
|
||
FIRST VIEWPORT: Desktop has a 232px library sidebar, flexible video/workspace and 340–420px browsing pane under search. Phones have search above content, centered transport under video, and existing navigation at the bottom. Empty home replaces the video proportions with a fully visible introduction or playlist collection.
|
||
|
||
FORM: User-pinned quiet studio workspace; concept seed 6fcc153a was run, but its assignment and catalog alternatives do not override the explicitly approved plan. Signature interaction: scrolling from playback into browsing reveals the existing mini-player above navigation; selecting it returns to playback without moving the document viewport.
|
||
|
||
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, DESIGN.md, and every shipping raster carrying its provenance
|
||
|
||
Constraints: no generated artwork needed; existing media thumbnails are user content. Existing untracked mockups remain untouched. No deployment.
|