Locking the look and feel

1Their whole page, end to end

Captured in full — 1440 × 12,218px, 19 sections, 38 images. Not screenshots of bits: the actual thing.

What makes it feel "cleaner" than ours

1. Alternating bands. Every section flips between flat dark #312F2F, a photo, or a saturated flat colour. Ours is the same plum for screen after screen.
2. Short sections. Their marquee bands are 228–231px. Their tickets intro is 313px. They use tiny sections as breathing room between big ones — we don't have any.
3. Two fonts, and body copy is monospace. Display face Newake for headings, Roboto Mono for everything else — nav, buttons, body, FAQ.
4. Display type is enormous — 120px for section headings, 210px for statements, at weight 400. Size does the work, not boldness.
5. Very little prose. Their longest block is about 60 words. Most sections are a heading plus one line.

2The SVG background system

The main thing to build, and where we beat them outright.

Theirs is one flat wash over a JPEG — literally linear-gradient(rgba(81,201,240,.58) …) + url(photo). Crude. Ours: layered vector scenes in BYK's own purple and gold, cut-paper style, hard edges, no soft fades.

The six assets to generate

3 variations of each so there's something to pick from.

Prompt to hand Luna

Generate flat vector SVG scene artwork for a UK Amapiano events brand.

STYLE
Cut-paper / screen-print. Hard-edged flat shapes layered for depth.
No gradients inside shapes, no soft blur, no photorealism, no 3D.
Think Saul Bass travel poster, tropical island at night.

PALETTE — use these exact values, nothing else
  #120620  deepest plum (furthest back / darkest fill)
  #1A0A2E  raised plum
  #5A466D  mid purple
  #8B6FA8  light purple (nearest layer)
  #B4823C  gold — OUTLINES AND ACCENTS ONLY, never a fill
  #D4A45C  bright gold — rim light and specular only

RULES
- Max 3 purple tones per scene, clearly separated in value.
- Gold appears only as 2-3px outlines on palm fronds, horizon, sun rim.
- Every scene tiles or scales edge to edge at 1440-2560 wide.
- Layers must be separately addressable (id="sky" "water" "palms-near" …)
  so they can parallax independently on scroll.
- Flat SVG paths only. No raster, no filters except one grain overlay.

ASSETS (3 variations each)
1. SKY      — banded night sky, gold sun/moon disc low on horizon, sparse stars
2. WATER    — horizontal cut bands suggesting sea, gold specular flecks
3. PALMS    — palm silhouettes at 2-3 depths, dark fill, gold frond outlines
4. FOOTER   — full scene: sky + water + palm cluster, richest of the set,
              designed to sit behind footer text at ~30% visual weight
5. SECTION  — wide minimal horizon for behind large display type
6. DIVIDER  — short 200-260px horizontal strip, palm silhouette row

Deliver each as a standalone .svg, viewBox set, no fixed width/height.

3Nav — corrected

4Copy that needs cutting

Checked at source. The problem is real and it's in the components, not the JSON.

From the SISO UI bank

Already curated in siso-ui-base, landing preset:

• reuno-ui/countdown-number — your note: "countdown component, always loved it." Dankie has a countdown too; ours would be better.
• 0xUrvish/bento-card — your note: "really nice bento card… if we ever make a landing page this is a really good comp." Replaces the bland Earn cards.
• ravikatiyar162/reward-card — fits Yard Points directly.

5Section order for BYK

6FAQs + Ask AI

7Build order

1. Nav — smallest change, direct client ask, immediate visible win.
2. SVG backgrounds — Luna, using the prompt in §2. Biggest differentiator.
3. Copy cull — apply the 25-word rule from the §4 table.
4. Section order + bands — restructure HomePage.tsx to §5, alternating band backgrounds.
5. Type scale — display way up, mono for body.
6. Line-up carousel — blocked on the artist handles.
7. FAQ + Ask AI — self-contained, runs in parallel.

8Still needed

• The three artist socials — blocks the line-up.
• Hero video pick — 4 catalogued in GalleryPage.tsx; Rooftop Live looks strongest.
• Payment plans — does BYK offer instalments, or is that section dropped?
• Display typeface — they use Newake; we need our own wide face before the type scale locks.