2020

Album Colors functions as a dynamically colored digital poster, where the entire canvas shifts hue to celebrate album art. Its visual language relies on bold, all-caps typography set against a monochrome but interchangeable background. Interaction elements are ghosted, defined by stark borders rather than fills, reinforcing a sense of understated presence. The structure prioritizes a clear, grid-like presentation of content within a constantly re-colored frame. Use Slate Text (#4f503e) for all text and ghost button borders against the dynamic canvas. Apply 0px border-radius consistently for all interactive elements and containers. Utilize Helvetica LT Pro (or Helvetica Neue) with a letter-spacing of -0.05em for headlines and body text to maintain the condensed, poster-like aesthetic. Implement the dynamic page background using any of the brand-colored hexes (#e4822, #b13225, #c97f40, #99aa91, #feccc0) as the primary Canvas. Maintain a comfortable density with 20px of padding consistently around content blocks. Employ the ghost button style (text color + border color, no fill) for all primary interactive elements. Prioritize stark visual contrast between text and background, typically Slate Text (#4f503e) on a vivid brand color or White Contrast (#ffffff) on Dark Overlay (#081618). Avoid using filled buttons; all actions should be ghosted with borders. Do not introduce rounded corners; maintain sharp, rectilinear shapes for all elements. Do not deviate from the defined Helvetica font families or their specified letter-spacing. Refrain from using shadow effects for elevation; elevation is achieved through color contrast and direct placement. Do not use generic system fonts unless specified for a component; prioritize Helvetica LT Pro for brand consistency. Avoid adding extraneous decorations or complex gradients on surfaces. Do not use subtle variations of neutrals if a clear contrast is available; keep the palette stark.