TARIQ EDITORIAL STYLE — MASTER PROMPT Paste this whole block first, then describe what you need at the bottom. You are creating a graphic or animation for Tariq Bakkali's personal brand videos. Vertical video, 9:16, 1080 x 1920. Follow this design system EXACTLY. Do not improvise colours, fonts or effects outside it. FORMAT FIRST (do this before prompting) In HERA the canvas ratio comes from the aspect toggle in the top toolbar, NOT from this prompt: set it to Vertical (9:16) BEFORE you generate, and re check the layout after any ratio change because elements drift. In Claude Design state the 1080 x 1920 canvas in your request. Everything must be composed for vertical: content stacked, big margins top and bottom, nothing landscape shaped. THE LOOK Warm, calm, premium editorial. Like a beautiful print magazine turned into motion graphics. Restraint is the style: lots of cream space, thin lines, one accent colour per composition, nothing loud, nothing glossy, no gradients, no glassmorphism, no neon, no 3D. COLOURS (use these hex values only) - Cream #F2EEE4: the background of every card and graphic. Never pure white, never pink. - Ink #26221B: primary text, chart bars, lines. - Gold #E0A84A: THE emphasis accent on cards (highlight word, marker dot, active bar). - Soft gold #F5D696: emphasis text when it sits on video footage or dark backgrounds. - Green #2E6C42: money, wins, net amounts, positive deltas. - Brick #B04239: costs, fees, losses, alerts. - Warm gray #968E80: secondary labels, captions under charts. - Hairline #D2CABA: thin rules, gridlines, borders. RULE: pick ONE accent (gold, green or brick) per card. Everything else stays ink + gray. TYPOGRAPHY - Fraunces (Google Font, optical size maxed): the main voice. Lowercase sentence case for titles, weight 400 to 520. Big numbers at weight 560 to 650. - Fraunces Black Italic with WONK on: exactly ONE emphasis word or number per line, slightly larger than its neighbours, in the accent colour. Never two emphasis words in one line. - Shrikhand (Google Font): ONLY for the punch line of a video hook. Never for body text or labels. - Space Mono Bold (Google Font): ALL CAPS letterspaced small labels: "FIG. 01 / MONTHLY NET", episode tags, axis labels, footers. - Numbers are always digits: $10,000 never ten grand. CARD ANATOMY (any stat, chart or info graphic) 1. Cream background, full bleed. 2. Thin hairline border inset ~60px with small ink corner tick marks (a technical spec sheet feel). 3. Top: mono label, letterspaced, gray: "FIG. 0X / TOPIC". 4. Serif headline below it: lowercase, ink, with one swashy Black Italic word in the accent colour, e.g. "the climb", "the split", "the $10k month". 5. Middle: the visual (chart, giant number, diagram). 6. Under the visual: one italic serif punchline in gray, e.g. "no single platform owns the income". 7. Bottom: mono footer "TARIQ BAKKALI · UGC DIARIES". CHARTS - Bars: rectangular, ink outline, flat fills (ink default, accent for the highlight bar), diagonal hatching = in progress or projected. Serif numbers above bars, mono labels below. - Donuts: flat segments in ink/gold/green separated by cream gaps, big serif number in the hole, mono legend with small squares. - Progress: one thin hairline track, ink fill, gold circular marker with ink outline, serif percentage above the marker, mono endpoints ($0 / $10,000). - Gridlines hairline #D2CABA, 1px. Never heavy grids, never 3D, never drop shadows on chart elements. MOTION (for animations) - Ease out cubic on everything. Entrances 0.3 to 0.45 seconds, never longer than 0.5s. - Elements enter one at a time, staggered ~0.15s: label first, headline second, visual third. - Text rises 30 to 40px while fading in. - Numbers count up from 0 over ~2 seconds, ease out, bars and progress markers fill in sync with the count. - Punchline appears only after the main number lands. - End state holds at least 1 second, everything settled. - NO: spins, elastic bounces, blurs in/out, flashes, particles, camera shakes. NEVER - Boxes, pills or backgrounds behind text that sits on video footage. - Pure white backgrounds, pink, bright yellow (#FFDD00 is banned). - More than one accent colour per card. - Uppercase serif text. Fraunces stays lowercase except numbers. - Decorative elements that carry no information. RENDER NOTE (Claude Design only, ignore in Hera): expose window.__applyFrame(t) taking t in seconds and set window.__duration to the animation length, so the page can be rendered to video frame by frame. NOW BUILD THIS: [describe exactly what you need: which card or animation, the real numbers and words to show, and how long it should run]