TITLE
Conservas Maré Alta — Tinned Fish Since 1923

PROMPT
A landing page for an invented Portuguese-style cannery, "Conservas Maré Alta" ("High Tide"), founded 1923 in the invented harbour town of Porto Salgado. The page is built from retro packaging illustration: flat inks, bold labels, decorative borders, the visual world of mid-century tinned-fish wrappers, all drawn in SVG and CSS. Concept: the tins are the heroes, and one of them opens.

Mood: sunny, nostalgic, appetising, proud. Palette: label cream #F6EAD0, tomato red #D7372F, sea teal #0F6E78, sun yellow #F2B441, deep navy ink #1B2D3A. Flat colour with slight print texture (a fine halftone on shadows, off-register outlines by 1px on some illustrations). Light page.

Typography: a mix as on old labels: a bold condensed sans for product names (Impact/"Arial Narrow" stack, uppercase, tracked), a flowing italic serif for flourishes (Georgia/Palatino italic, "em azeite", "desde 1923"), tiny all-caps legal-style lines ("PESO LÍQUIDO 120 g · PRODUTO DE PORTO SALGADO"), numerals in ovals, text on curved banners (SVG textPath). Portuguese words sprinkled with English body copy.

Structure: 1) Hero: an oversized tin seen from above, slightly angled, with a fully designed wrapper (a leaping sardine, sunrays, a lighthouse, the brand in an arched banner) on a red field patterned with small repeated fish; headline "The sea, kept." in huge type; below it "Hand-packed in Porto Salgado since 1923." 2) "A Nossa Lata": the signature. 3) The range as a shelf of six tins, each with a distinct wrapper design and colourway: Sardines in olive oil; Spiced sardines (piri-piri, clove, carrot, pickle); Mackerel fillets in tomato; Tuna belly (ventresca); Smoked mussels in escabeche; Octopus in garlic oil. Each tin flips on hover/tap (3D rotateY) to show the back: ingredients, a serving suggestion in one line ("On toast, with nothing. Then with lemon. Then stop improving it."), and a vintage price sticker. 4) "Seis mãos" (six hands): the process as a horizontal strip of small illustrated stamps: boats at dawn, the auction, brining, grilling, hand-packing by the women of the factory, the 6-month rest in oil; each with a two-sentence caption. 5) A short letter from the invented fourth-generation owner Inês Carvalhal about refusing to speed up. 6) Footer styled as the bottom of a tin with embossed batch code and a "Where to find us" list of invented stockists; a newsletter line with styled input and a rubber-stamp confirmation.

Signature moment: the opening tin. A large tin sits closed with a ring-pull/key; as the viewer scrolls through the section (or drags the key, or presses the "Abrir" control) the lid peels back, curling around the key in a tight roll (a progressively revealed lid with a rolled cylinder at its edge, shaded with gradients; the opening edge is slightly jagged), revealing six silver sardines packed head-to-tail in golden oil with bay leaf and a slice of chili; the oil shimmers (animated highlight), and each fish, drawn with scale pattern and gradient sheen, lifts slightly as the cursor passes. A tiny drop of oil rolls off the lid.

Motion: illustrated elements animate like printed ephemera coming alive: sunrays rotate slowly behind the hero tin, the leaping sardine arcs once on load with a splash, waves in borders scroll as repeating patterns, sections enter with a label-being-pasted motion (slight rotation settling with a soft spring), tins on the shelf bob when the pointer runs along them. The cursor on desktop is a small fish-fork. Reduced motion: lid opens with a simple reveal, no bobbing or rotation. Voice: warm, dry-humoured, specific; proud without marketing clichés.

DESCRIPTION
A sunny, proud landing page for the invented cannery Conservas Maré Alta of Porto Salgado, drawn entirely as mid-century tinned-fish packaging: flat inks in cream, tomato red, sea teal, sun yellow and navy, halftone-dot shadows, off-register outlines, arched banners and numerals in ovals. A red hero patterned with tiny fish carries the headline "The sea, kept." beside an oversized, tilted tin whose wrapper comes alive (sunrays turning, a sardine leaping with a splash beside a striped lighthouse). The centrepiece is "A Nossa Lata": a lithographed tin whose lid curls around its key as you scroll, drag or press Abrir, uncovering six scaled, gleaming sardines laid head-to-tail in shimmering golden oil with a bay leaf and a slice of chili. Below sit a yellow shelf of six differently designed tins that turn over to show ingredients, a one-line serving suggestion and an escudo price sticker; a teal strip of six perforated stamps telling the process; a typed letter from fourth-generation owner Inês Carvalhal with a hand-drawn signature; and a footer shaped like the embossed bottom of a tin, with stockists, factory visits and a newsletter that answers with a rubber stamp.

VISUAL TECHNIQUES
- Inline SVG illustration throughout: hero wrapper, six distinct tin labels, six process stamps, price stickers, letterhead mark and signature, all in the five brief colours plus tinplate tints
- Text on curved banners with SVG textPath, fitted with textLength so labels hold their shape in any condensed fallback font
- Print texture: halftone-dot shadows from repeating radial gradients and SVG patterns, 1-2px off-register duplicate outlines and lettering, a fine turbulence paper grain over the whole page
- The opening tin: a clip-path lid that retreats under a gradient-shaded roll whose radius grows as it winds, travelling seam lines and a foreshortened key loop to suggest rotation, a jagged torn edge revealed by a second clip, cast and lift shadows that follow the roll
- Sardines built from a reusable symbol with a silver gradient sheen, an arc scale pattern, gill plates and lateral dots; oil shimmer from animated dashed highlights and a sweeping glint
- An oil drop that runs down the roll, falls and leaves a small stain on the paper
- Spring-eased "label being pasted" entrances (rotation settling to square) driven by IntersectionObserver, with a linear() spring curve
- Scrolling wave borders made from repeating SVG tiles; slowly rotating sunrays; a one-time leap and splash on load
- 3D rotateY tin flips with preserved backfaces; pointer-proximity bobbing along the shelf
- Perforated stamp edges from a radial-gradient hole grid; embossed batch code from layered text shadows; rubber stamp roughened with turbulence and displacement filters
- A custom fish-fork cursor on fine pointers
- Reduced-motion variant: no rotation, bobbing or scrolling waves, and the lid simply fades away

INTERACTION MODEL
Scrolling through "A Nossa Lata" pins the tin and winds the lid open in step with the scroll; the key can also be grabbed and dragged sideways (mouse or touch), or the Abrir/Fechar button opens and closes it with a spring, while a small gauge and three facts fill in as the tin opens. Passing the pointer or a finger over the uncovered sardines lifts each one out of the oil on a soft spring with a shadow beneath. On the shelf, tins rise as the pointer runs along them and turn over on hover, tap, or Enter/Space when focused, showing ingredients, a serving line and a price sticker. The stamp strip scrolls sideways by touch, mouse drag, keyboard or the two round arrow buttons. Navigation links jump to each section, and the key link in the hero leads to the tin. Submitting a valid email in the footer disables the field and slams down a red "Recebido" rubber stamp; an invalid one gets a gentle inline correction. With reduced motion enabled, the lid opens as a simple fade when the section is scrolled into or the button is pressed.