TITLE: RAW / HONEST — type foundry
PROMPT: Build 'RAW / HONEST', a brutalist typographic poster-site for a fictional type foundry. Palette: bone (#F4F1EA), black, one acid yellow (#D8FF3E). Composition: massive stacked 900-weight headlines colliding with huge outlined ghost words, two marquees scrolling opposite directions, rotated sticker badges, hard 6px offset shadows on chips, deliberate grid ruptures and brutal whitespace. Interactions: chips flip the whole page between light/acid/dark themes, hovering the marquee doubles its speed, one headline periodically scrambles into glitch glyphs then repairs, and a subject index list inverts blocks on hover. Loud, honest, unforgettable.
DESCRIPTION: A loud brutalist foundry site on bone paper with ink-black 6px rules everywhere: a sticky ruled header with theme-flip buttons, two opposite-scrolling marquees (hover to double speed), a hero of massive stacked 900-weight words with an outlined ghost "Aa" floating behind and a periodically scrambling glitch word, four specimen cards in a ruled grid that fully invert on hover, a subject index whose rows shift and gain hard offset shadows on hover, a draggable circular sticker badge, and a colophon that cycles text alignment on click. Acid yellow is used as the single loud accent against Helvetica-system black.
TECHNIQUES: CSS custom-property theme flipping with steps() transitions, dual counter-scrolling CSS marquees with hover acceleration, -webkit-text-stroke outline type, periodic glyph-scramble glitch via setInterval, hard 6px offset shadows and rotated sticker badges, full card inversion on hover, grid ruptures via offset headline shifts, pointer-event sticker dragging, toast notification system, visibilitychange pause of animations.
INTERACTION: Three theme buttons flip the entire page between bone/acid/dark; hovering marquees speeds them up; the hero word scrambles into glyph noise every ~7s then repairs; the stamp button physically depresses; the sticker is draggable anywhere; index rows award toast "prizes"; the colophon cycles left/center/right/justify alignment. prefers-reduced-motion disables marquees and floats.