campaign_id: null created_at: ‘2026-03-02T00:42:58.715179+00:00’ dashboard_url: https://dashboard.kismetpets.com/context/front_end_design/1/ experiment_id: 1 id: 1 product_id: null skill: front_end_design title: Kismet Gut Fix Landing Page — HTML v1 updated_at: ‘2026-03-02T00:42:58.715200+00:00’

Kismet Gut Fix Landing Page — HTML v1

front_end_design · 2026-03-01

Sticky Nav — Night background, KISMET wordmark, Coral CTA button
Hero — Baguette background, H1 with 96% stat, product image with stat badge, primary CTA
Marquee Banner — Kale background, scrolling feature callouts
Problem Section — White background, text-driven problem/agitation with highlighted gut health callout
Solution Section — Night (dark) background, two-column with Salmon product image, 4x Nug feature cards, “It’s not kibble, it’s Kismet” tagline
Proof Section — Moon background, 3 stat callouts, 3 testimonial cards from real reviews
Comparison Table — Fresh delivery vs. Kismet on 6 criteria, Kismet column highlighted
Offer Section — Baguette background, 2 product cards with real Shopify CDN images, subscription perk list, mission statement
Final CTA — Night background, closing line, primary CTA
Footer — Blackberry background, tagline

Fonts: Fjalla One (headlines), Lexend (body) via Google Fonts
Colors used: Coral (CTAs), Night (dark sections), Baguette (warm sections), Moon (proof), Kale (accents/badge), Mint (dark-section accents), Blackberry (text), Pollen (tagline)
Layout: 1200px max-width, 720px text-width, responsive grid
Mobile: Stacks to single column, sticky nav with CTA, touch-friendly targets
Interactions: Scroll fade-in via IntersectionObserver, hover states on cards and buttons, smooth scroll
Images: Real Shopify CDN product photos (Chicken & Barley, Salmon & Brown Rice)
Single file: All CSS embedded, no external dependencies except Google Fonts, vanilla JS only

/sessions/compassionate-friendly-knuth/mnt/Kismet Market Exp/kismet-gut-fix-lp.html