A field-tested catalog of Lovable prompts — landing pages, dashboards, AI features, e-commerce, auth, SEO, 3D, refactors. Copy. Paste. Iterate.
Marketing surfaces that convert. Editorial pacing, sharp hierarchy, one CTA.
Build a landing page for a B2B SaaS in the style of a print magazine: serif display headline, narrow column for the lede, large hero image at the top, three-column feature row below, dark text on warm off-white. Single CTA: "Start free." No carousels.
Create an agency homepage: 90% black, neon-green accent, monospaced labels, Helvetica Now Display headlines at 12vw. Asymmetric grid. Hover states reveal hidden caption text. No drop shadows.
Design a product page in the style of apple.com/airpods-pro: huge centered hero, sticky purchase bar at the bottom, tall scroll-triggered sections each with one big claim and one image, cinematic spacing.
Build a fintech landing emphasizing trust: navy + cream palette, serif headline, regulator badges row, quote from CEO, table of compliance certifications, single primary CTA "Open account."
One-screen launch page: product name as huge wordmark, single sentence pitch, email capture, three numbered features below the fold, footer with one link to changelog.
Build a tech conference landing: date and city as the hero, schedule as a vertical typographic list, speaker grid with circular avatars, sticky tickets CTA, dark mode default.
Restaurant landing in editorial style: full-bleed food photo, menu as typeset list with prices right-aligned, address + hours block, reservation CTA opening a modal.
OSS project page: GitHub stars badge, one-paragraph what-it-is, copy-to-clipboard install command, three-card use-case row, code snippet hero with syntax highlighting.
Newsletter landing: pull quote from a recent issue as the hero, archive list of last 10 issues with dates, embedded subscribe form, no images.
Three-tier pricing: monthly/annual toggle, middle tier highlighted, feature comparison table below, FAQ accordion at the bottom. Use Lovable Cloud to gate signup behind plan selection.
Build an AI startup landing in the style of Linear: deep navy background, electric violet accent, animated gradient hero blob, single demo video below the fold, three pillars with monoline icons, social-proof logo row, CTA "Get early access."
Five-star hotel landing: full-bleed cinematic hero video (muted, looping), serif wordmark top-left, room-type carousel with large imagery, location & dining sections, sticky 'Reserve' CTA with date pickers.
App landing: phone mockup tilted 8° on the right, headline + 2-line subhead on the left, App Store + Google Play badges, three-up feature row with screenshots, App Store rating stars, single CTA above the fold.
Design studio homepage: full-screen project grid (4 columns desktop, 2 mobile), hover reveals client name + year + discipline, no nav until scroll, footer with email, Instagram, location only.
Internal tools, admin panels, analytics. Density without noise.
Build an admin dashboard for a SaaS showing MRR, active users, churn rate, and trial conversions. Sidebar nav with 5 sections. Charts via Recharts. Data from a Lovable Cloud table called `metrics_daily`.
CRM with a kanban board of deals (Lead, Contacted, Demo, Closed). Drag-and-drop. Each card shows company, value, owner avatar. Click opens a side drawer with notes and activity log.
Analytics dashboard like Linear's insights: large number tiles at top, sparkline charts, comparison vs previous period in green/red, date-range picker top right.
Inventory table with search, column filters, bulk actions, CSV export. Low-stock rows highlighted. Click row opens edit modal. Save writes to Lovable Cloud.
Support tool: left list of tickets with status pills, right pane showing thread + reply box. Filters by status and assignee. Realtime updates via Lovable Cloud.
Retention chart: cohort table with weeks across columns, % retained as cell color heatmap. Tooltip shows raw counts. Date range selector and segment filter.
Status board for internal services: grid of tiles, each green/yellow/red, last-checked timestamp, click for incident history. Auto-refresh every 30s.
Finance overview: revenue, expenses, runway in big tiles, monthly P&L line chart, transactions table. Restrict to authenticated users with role 'admin'.
Attribution dashboard: funnel visualization, channel breakdown bar chart, top-performing campaigns table, date range and channel filters.
Project tracker with milestones timeline, team workload view, burndown chart. Comments thread per task with @mentions.
Org-switcher in nav, per-org data isolation via RLS on Lovable Cloud, role-based menu, invite members modal, billing tab per org, audit log table.
Live ops dashboard: incidents table with severity pills, MTTR chart, on-call schedule, realtime alert stream via Lovable Cloud subscriptions. Pulse animation on new incidents.
Customer-facing analytics dashboard: white-label theming via CSS vars, exportable PDF reports, scheduled email digests, JWT-scoped queries so each customer sees only their data.
Logs page: virtualized list, level filter (info/warn/error), free-text search, time range picker, expandable JSON row, share-link copies URL with current filters.
Models as ingredients. Threaded chat, generation, classification, agents.
Add a threaded AI chat assistant in a side drawer. Persists threads in Lovable Cloud. Streams tokens. Uses google/gemini-2.5-flash by default with a model picker.
Upload PDF, extract text, embed chunks, store in Lovable Cloud. Chat box answers questions citing page numbers. Use openai/gpt-5-mini for synthesis.
Replace the existing search with semantic search: embed all rows on insert, vector similarity on query, fall back to keyword if no vector hit.
Add a 'Summarize this thread' button on each conversation. Streams a 3-bullet summary inline. Cache result per-thread until new messages.
When a user creates a note, classify it into one of the existing tags using AI. Show suggested tag as a chip; one click to accept.
On image upload, generate alt text via gemini-2.5-pro vision. Save to the database. Surface in the image library as searchable text.
Inbox with 'Draft reply' button. Reads thread context, generates a reply in the user's tone (sampled from sent items), opens editable composer.
Mic button records audio, transcribes with Whisper, parses intent, executes a CRUD action (create task, schedule meeting, log expense).
User types a vibe ("Tokyo at 3am, lonely arcade"). Generate 5 reference image descriptions, palette hex codes, font pairing, and a 50-word manifesto.
User pastes a URL. Fetch the page, analyze structure and copy with gemini-2.5-pro, return a 5-section audit with scores and concrete fixes.
From a product description, generate 3 customer personas with demographics, jobs-to-be-done, objections, preferred channels. Save to Lovable Cloud.
Paste a code snippet, get a plain-English explanation, complexity rating, and one suggested refactor. Syntax-highlight both versions.
Long intake form with 'Help me fill this' button. AI asks 3 conversational questions, then populates every field. User reviews and submits. Use openai/gpt-5-mini.
Upload meeting audio. Transcribe with Whisper, then with gemini-2.5-pro produce: summary, decisions, action items with owners, sentiment. Save to Lovable Cloud and email participants.
Upload a screenshot of a UI. Use gemini-2.5-pro to detect accessibility issues, contrast failures, missing alt text. Return a numbered report with severity.
Given a list of merged PR titles + descriptions, generate a human-friendly changelog grouped by feature/fix/improvement, written in the brand voice. Preview before publishing.
Storefronts, checkout, catalog. Conversion is the only metric.
Editorial e-commerce homepage: hero with one product, 3-column featured collection grid, lookbook section with full-bleed imagery, footer with newsletter capture.
PDP with image gallery (thumbnails left, main image right), variant selector, sticky add-to-cart on scroll, accordion for description/shipping/returns, reviews below.
Slide-in cart from the right: line items with qty steppers, subtotal, free-shipping progress bar, discount code field, primary checkout button.
3-step checkout (shipping → payment → review). Stripe payment element. Address autocomplete. Order saved to Lovable Cloud on success.
Magic-link order lookup: enter email + order#, view status timeline (placed → packed → shipped → delivered), tracking number with carrier link.
Customer portal showing active subscriptions, next charge date, pause/skip/cancel buttons, swap product modal. Wired to Stripe customer portal.
Collection page with faceted filters (size, color, price, in-stock), URL-synced state, infinite scroll, sticky filter bar on mobile.
Heart icon on PDP toggles wishlist (auth-gated). Wishlist page lists items with availability and price-drop indicators.
Gift card purchase flow: amount selector ($25/$50/$100/custom), recipient email, scheduled delivery date, custom message, preview card.
On PDP, when stock < 10, show 'Only X left' badge in accent color. When 0, swap CTA to 'Notify me' with email capture.
Configurable bundle: pick 3 of 8 products, live price update with bundle discount, animated cart preview, single 'Add bundle' CTA. Save bundles to Lovable Cloud for sharing.
Lookbook page: full-bleed scrollable spreads, hotspots on garments reveal shoppable cards, 'Shop the look' CTA at end of each spread. Cinematic typography, no nav until scroll-up.
Reviews section: avg star rating in big numerals, distribution bar chart, filterable review list with verified-purchase badge, photo grid from customer uploads, 'Write a review' modal gated to purchasers.
When a logged-in user leaves with items in cart for 24h, send a branded email via Lovable Cloud cron + email integration with a one-click resume-checkout link. Track open/click rates.
Sign-up, login, profiles, roles. Boring done right.
Add authentication with email/password and Google OAuth. Login at /login, signup at /signup, redirect to /dashboard on success. Show user avatar in nav when logged in.
Passwordless login: enter email, receive magic link, redirected and authenticated. Show 'Check your inbox' state with resend after 30s cooldown.
Profile page at /settings/profile: avatar upload, display name, bio textarea, timezone select. Save writes to a `profiles` table linked to user_id.
Add 'admin' and 'member' roles via a `user_roles` table with the has_role() security definer pattern. Gate /admin routes to admins only.
Owner can invite by email. Invite row created in Lovable Cloud. On signup with that email, auto-join the team. Pending invites visible in /team/settings.
Forgot password flow: email entry → reset link → new password form → success screen. Rate-limit to 3 attempts per hour per email.
TOTP 2FA: setup screen with QR code, verify code, store backup codes. Require code at login when enabled.
Settings → danger zone → delete account. Confirm by typing email. Cascade-delete all user-owned rows. Sign out and redirect to home.
Add SAML SSO for enterprise customers via Lovable Cloud auth. Per-org IdP config, just-in-time user provisioning, role mapping from SAML attributes.
Settings → sessions: list all active sessions with device, location, last active. 'Revoke' button per session, 'Sign out everywhere' button. Track via Lovable Cloud.
Change-email flow: enter new address → confirmation link sent to BOTH old and new email → both must confirm before swap. Audit-log the change.
Post-signup onboarding: 5-step checklist persisted per user (connect, invite, create first item, customize, publish). Dismissible. Progress ring in nav.
Pages that earn clicks and rank.
Generate /compare/[us]-vs-[them] dynamic routes from a Lovable Cloud table. Each page: hero, side-by-side feature table, pricing comparison, FAQ, CTA. Unique title and meta description per page.
Blog at /blog with index list, /blog/[slug] post pages, frontmatter (title, date, author, cover), MDX body, tag filtering, RSS feed at /rss.xml.
Public changelog at /changelog: reverse-chronological list of releases, version + date, markdown body, optional video. RSS feed and 'Subscribe to updates' email capture.
Case study template: client logo, big result number (e.g. '+342% revenue'), 3-section narrative (challenge / approach / outcome), pull quotes, related case studies.
Generate sitemap.xml dynamically from all routes including dynamic blog/case-study slugs from Lovable Cloud. Add robots.txt with Sitemap directive.
Add appropriate schema.org JSON-LD to every public route: Organization on root, Article on blog posts, Product on PDPs, FAQPage on FAQs, BreadcrumbList on deep routes.
Generate per-route OG images dynamically: page title in display font, brand watermark, gradient background. Cache on the edge.
Local business page with NAP (name/address/phone), embedded map, hours table, LocalBusiness JSON-LD, click-to-call button on mobile.
Ship two hero variants behind a feature flag. Split 50/50 by visitor cookie. Log variant + conversion to Lovable Cloud. Dashboard at /admin/experiments shows lift with confidence interval.
Gated resource hub: cards for ebooks/webinars/templates, click opens email-capture modal, on submit deliver download link + add to nurture sequence. Track conversions by resource.
Affiliate signup at /affiliates: dashboard with referral link, click/signup/revenue tracking, payout history, payout settings (PayPal/Stripe). Use Lovable Cloud + Stripe Connect.
Logo wall section: greyscale logos at rest, color on hover, optional 'trusted by 12,000 teams' counter, link to case studies below. Loads from Lovable Cloud so non-devs can edit.
Webinar landing: date + speakers hero, agenda accordion, registration form (name/email/company), confirmation page with calendar invite + Zoom link, reminder emails via cron.
Logged-in users get unique share link in nav. Successful referral grants both parties a credit. Leaderboard at /referrals/top. Anti-fraud: same-IP signups don't count.
WebGL, scroll choreography, cinematic transitions.
Replace the hero with a Three.js scene: a rotating brushed-brass torus on a dark background, ambient + key light, cursor parallax. Reduced motion disables rotation.
Build a /story page where a 3D model rotates and moves based on scroll position using react-three-fiber + scroll-controls. Five scroll-locked beats with caption text.
3D product viewer with material picker (matte / glossy / metal / glass). Live preview, orbit controls, reset button, AR-quick-look fallback link on iOS.
Render the brand name as 50,000 particles that form letters and disperse on hover. Black canvas, white particles, subtle bloom.
Add Motion-powered route transitions: fade-up on enter, scale-down on exit, 240ms ease-out. Respect prefers-reduced-motion.
Custom cursor: 12px dot that lerps toward mouse, expands to 48px outlined ring on interactive elements, hides on touch devices.
Sections fade and translate up 24px when 20% in viewport, once. Stagger child elements by 60ms. No reveal on reduced motion.
Primary CTAs subtly pull toward the cursor when within 80px, return on leave. Springy easing. Disable on touch and reduced motion.
Sticky nav with backdrop-filter blur + subtle refraction effect on scroll. Faint inner border, layered shadow. Falls back to opaque background where filter is unsupported.
↳ See it in examplesEdge-to-edge auto-scrolling marquee under hero: brand wordmark repeated with bullet separators, slow constant velocity, pauses on hover, reverses on alt-row.
Animated fragment-shader gradient background on hero: organic noise, brand palette, 30fps cap, paused when offscreen via IntersectionObserver, static fallback for reduced motion.
Long-scroll story page with GSAP ScrollTrigger: pinned hero, headline morphs through 4 phrases, image swaps on each beat, progress bar fixed at top. Lighthouse perf ≥ 90.
Intake, validation, tables, exports.
5-step intake form with progress bar, Zod validation per step, save-as-draft to Lovable Cloud, resume via magic link, final submit emails the team.
Drag-and-drop CSV upload, column mapping UI, preview first 10 rows, validate, import to Lovable Cloud with progress bar and error report.
Inline-editable data table: click cell to edit, optimistic update, debounced save, undo toast on success, error toast with rollback on failure.
Drag fields onto rows/columns/values to build a pivot. Save as named report. Export to PDF and CSV.
Calendly-style booking: connect calendar, set availability, public /book/[slug] page shows slots, booking writes to Lovable Cloud + sends ICS.
Build a survey with question types (single, multi, rating, free text, NPS). Branching logic. Public share link. Results dashboard.
Drag-drop file upload with progress, image preview, virus scan, thumbnail generation. Files stored in Lovable Cloud storage with signed URLs.
Cmd-K command palette: searches across pages, recent items, AI-suggested actions. Keyboard navigation, recent queries cached locally.
Form with branching: question 'Are you a business?' toggles 5 extra fields. Validation only on visible fields. State persists across page reloads via localStorage.
Data table users can save filter + sort + column config as a 'view'. Named, shareable via URL, set as default. Stored per-user in Lovable Cloud.
Table with row checkboxes, sticky bulk-action bar on selection, 'Edit N items' opens modal with field overrides, 'Apply' updates all atomically with progress.
Server-side PDF generation: pass current filtered table state, render to branded PDF (header logo, footer page numbers), stream download. Cached for 5 min by hash of inputs.
Surgical edits. Constraints first, then change.
Refactor this page for mobile (<768px). Stack columns, sticky CTA at bottom, larger tap targets (min 44px). Keep desktop layout untouched above 768px.
Add dark mode using semantic tokens. Toggle in nav, persist to localStorage, default to system preference. Do not change spacing or typography.
Audit and fix: color contrast (WCAG AA), focus-visible styles, alt text, aria-labels on icon buttons, keyboard nav for modals/menus, skip-to-content link.
Lazy-load below-the-fold images, defer non-critical scripts, inline critical CSS, code-split route components, preload hero font. Don't change visual design.
Move all hardcoded colors and spacing into semantic tokens in src/styles.css. Replace inline values with token classes. No visual change should result.
Add skeleton loaders for every async section and empty states with illustration + CTA for every list. Match the existing visual language.
Wrap each route in an errorComponent with a friendly message + retry button. Log errors to console with route name + timestamp. Don't change happy paths.
Change ONLY the navigation to a left sidebar on desktop, drawer on mobile. Keep all colors, type, spacing, and routes identical. Don't touch page content.
Turn on strict, noUncheckedIndexedAccess, exactOptionalPropertyTypes. Fix resulting errors one file at a time without changing runtime behavior. No `any`, no `@ts-ignore`.
This file is over 400 lines. Extract the largest 3 sections into their own components in src/components/, with typed props. Keep behavior identical. No styling changes.
Find and remove: unused imports, unreachable branches, components with zero references, CSS classes never applied. Print a summary of what was removed and bytes saved.
Replace ad-hoc form state with react-hook-form + Zod schema. Preserve all current fields, error messages, and submit behavior. Single source of truth for validation.
Magazine and luxury-brand style references — how to cite them without copying logos, palettes, or trade dress.
When using magazine references as a style anchor, name the magazine AND name what to borrow from it. Example: 'In the style of Apartamento — warm domestic photography, two-column body set in a humanist serif, generous gutters, captions in italic small caps, no display ads.' Always specify: typography (display + body), grid (column count, gutter, baseline), photography mood, white space density, captioning style, and what NOT to copy (don't lift logos, masthead, color literally). Pick one magazine per page — mixing voices reads as confused. Default safe picks: Apartamento (warm domestic), Cereal (cold minimal travel), Kinfolk (muted lifestyle), Monocle (busy, dense, geopolitical), Wallpaper* (slick design press), The Gentlewoman (intelligent fashion), Cabana (maximalist interiors), Drift (coffee), Toast (food culture), Document Journal (avant-garde fashion). Tell the model: 'Use as a reference, not a clone — adapt the editorial grammar to the brand.'
When citing luxury brands (Louis Vuitton, Hermès, Porsche, Bentley, Aman, Goop, Loro Piana, Brunello Cucinelli, Cartier, The Row, Aesop, Le Labo, Diptyque, Rimowa, RH/Restoration Hardware, Acne Studios, Jacquemus), name what specifically to borrow: palette restraint, photography grading, typographic restraint, motion timing, interaction sound, or product staging. Never write 'make it luxury' — that produces cheap mall-luxury. Write 'borrow Hermès' use of generous negative space and orange ONLY as a punctuation accent on a near-cream page' or 'borrow Porsche's product photography: low camera, hard side light, asphalt-on-asphalt color story.' Always pair brand + verb + specific element. Forbid the model from using brand-owned typefaces (LV Sans, Porsche Next), trade-dress patterns (Damier, Monogram), or brand colors as primary surface — those are trademark risk. Borrow the grammar, not the dress.
Design a creative portfolio site referencing Apartamento magazine: warm off-white background (#f5f1ea), single humanist serif for body (Garamond / GT Sectra), no display sans, two-column long-form layout on desktop collapsing to one on mobile, large captions set in italic small caps below each image. Photography mood: domestic, lived-in, daylight, no studio shots. Slow page, no animation beyond hover. Footer is a phone number and an email. Treat it like a printed issue you'd find on a coffee table.
Build a travel destination page in the visual grammar of Cereal magazine: cold white background, very thin sans (Founders Grotesk Mono or GT America Mono for labels, Tiempos for body), generous 1.6× line height, full-bleed landscape photography with desaturated grading (low contrast, drained warmth, sky biased to grey-blue), micro-typography in lowercase captions, no carousels. Hero is a single image and one sentence. Below the fold: a 3-column itinerary set like a printed guide, with hairline rules between rows.
Brand site for a wellness or lifestyle company in Kinfolk grammar: muted off-white surface, dusty taupe + ink black accents, serif headlines (Canela or Tiempos), wide letter-spacing on uppercase labels, hero is a single still-life photograph (hands, linen, ceramics, daylight from one window), copy reads like an essay — paragraphs not bullets, no exclamation points. One CTA per screen, set as a thin underlined link, never a button. No emojis, no testimonials wall.
Build a content-dense corporate/agency homepage referencing Monocle's editorial density: warm cream background (#f4eee2) with deep navy + brick red accents, sans for labels (Plain or similar Swiss grotesk), serif for body (Tiempos Text), 12-column grid used to its full complexity. Hero is a 3-card row of 'briefings' (one image, one dateline, one headline each). Below: a long stacked index of services formatted like a newspaper contents page — number, title, page-style locator, one-line description. Confidently busy, not minimal.
Design a long-form profile/about page in the spirit of The Gentlewoman: full-bleed black-and-white portrait at top, sans-serif display in extreme weights (light next to ultra-bold) for the headline, body in a quiet serif at 19–21px with 1.7 leading, pull quotes set huge and italic occupying their own column, no sidebar, no related-posts strip. Footer is the dateline and photographer credit only. The page should feel like reading a printed magazine cover story, not browsing a blog.
Product launch page borrowing from Wallpaper* magazine: glossy white background, color punches reserved for the product photography, headline in a confident geometric sans (GT Walsheim / Founders Grotesk), short editorial paragraphs, 'specifications' section formatted as a numbered list with hairlines, large credits block at the bottom (design / photography / words). Add a thin top utility bar in the magazine masthead style. No marketing copy clichés — write like a design press release.
Build an interiors / hospitality site referencing Cabana magazine: maximalist, warm, decorated. Background uses a single subtle damask or block-print texture (no clip-art), serif headlines in a bracketed transitional face (Bodoni 72 or similar), accent color is deep terracotta or oxblood. Photography is candlelit, painterly, and styled. Lay out content as if it were a printed spread — left page text, right page image, alternating. Avoid grids of equal cards. Embrace asymmetry and ornament.
Design a landing page borrowing the grammar of hermes.com: near-cream surface (#fbf6ec), generous negative space (60%+ empty above the fold), one product or one idea per screen, serif wordmark only (no monogram trade-dress), Hermès-orange used strictly as a punctuation accent on one CTA and one underline — never as a surface or fill. Photography is daylight, single-subject, hand-staged. Motion is slow easing only, no parallax, no scroll-jacking. Confidence through silence.
Build a seasonal campaign-style landing page borrowing Louis Vuitton's editorial moves (NOT trade dress): full-bleed campaign image as the hero with title set in a heavy condensed serif over the image bottom-left, edition number top-right (e.g. 'Edition N° 04 / MMXXVI'), one-line poetic tagline, scroll reveals a horizontal-pinned 'look book' of 6 stills with model + product captions below each. DO NOT use the LV monogram, Damier pattern, the LV Sans typeface, or the actual logotype. Borrow the campaign cadence and the silent confidence, not the marks.
Product page borrowing Porsche.com's grammar: deep neutral background (charcoal #1a1a1a or off-black), single hero shot of the product photographed low with hard directional side light against an asphalt/concrete backdrop, headline in a clean technical sans (Inter, GT America, or a Porsche Next stand-in — never use the actual Porsche Next), specs presented as a horizontally-scrolling row of monospace labels with numeric values, color/variant selector as small circular swatches with thin rings on hover. One persistent sticky CTA bottom-right: 'Configure.' No gradients, no celebrations.
Build a high-end product or service page referencing Bentley's web grammar: deep British racing green or near-black background, headline in a sharp transitional serif with elongated ascenders (Caslon, Canela), copy in a refined sans (Söhne or Inter at higher weight), gold-leaf accent reserved for one underline and one numeral — never a fill. Hero is a slow horizon pan of a single object photographed in golden-hour light. Section transitions use a thin gold hairline that draws across the screen on scroll. Vocabulary: bespoke, commission, atelier — used sparingly, never stacked.
Hospitality landing page in the Aman Resorts visual register: muted natural palette (sand, stone, ink, eucalyptus), serif wordmark only, hero is a single still landscape photograph with no text overlay — the headline appears on the second scroll beat in a small serif, off-center. No price, no booking widget above the fold — the first CTA appears only after the editorial narrative. Photography rules: human figures small in frame, natural materials, no smiles to camera, no infinity-pool clichés already overused. Sound design: optional ambient track, off by default.
Build a content-commerce homepage in Goop's grammar: warm off-white (#faf7f2), thin serif headlines (Canela Thin), sans body (Söhne / Inter), editorial article cards mixed with product cards in the same grid so the difference is intentional and visual hierarchy is by photography quality, not card chrome. Use Goop-style section labels: 'The Edit,' 'In Conversation,' 'Wellness,' 'The Clean Beauty Shop.' Product photography is overhead flat-lay on cream linen or marble. Tone is intelligent-friend, not influencer. Avoid all wellness-cliché stock imagery (sliced avocados, crystals on white sand).
Brand page in the 'quiet luxury' register of Loro Piana and Brunello Cucinelli: palette of camel, cream, taupe, charcoal — no black, no white at full strength. Serif body at 17–19px with extended leading. Photography is overcast natural light, neutral interiors, textiles in close detail (cashmere, vicuña, undyed linen). Headlines are short, declarative, and never use the word 'luxury.' Logo is a wordmark in a thin classical serif, set quietly in the corner — never enlarged. Page motion is essentially absent. Confidence through omission.
Build a product detail page in the Aesop / Le Labo / Diptyque register: warm taupe or putty background, monospaced or typewriter-style sans for labels (think Le Labo's typewritten apothecary tickets), serif body for descriptions, product photography on a neutral surface with one hard shadow. Ingredients listed in a long single-column block set like a pharmacy label. Add-to-cart is a single underlined word, not a button. Reviews and stars are absent. The page reads like a perfumer's brief, not a Shopify template.
Build a website that reads like a magazine, not a marketing page. Pick one editorial reference (Apartamento / Cereal / Kinfolk / Monocle / Wallpaper* / The Gentlewoman) and one luxury brand reference (Hermès / Porsche / Bentley / Aman / Loro Piana / Aesop). Borrow ONE specific element from each: from the magazine, take its typographic grammar (display + body pairing, grid, captioning); from the brand, take its restraint behavior (palette discipline, photography mood, motion timing). Then state explicitly what you are NOT borrowing: no logos, no trademarked typefaces, no trade-dress patterns, no brand colors as primary surface. The result should feel intelligent, expensive, slightly intimidating, and original — a page that could appear in either a print magazine or a flagship brand site, without imitating any of them.
Scroll-driven, 3D, editorial. Master prompts for premium cinematic websites — black, gold, restrained.
Build a premium scroll-driven website where each section behaves like a cinematic scene, not a normal webpage. Use a pure black background, dramatic lighting, metallic gold accents, and large editorial typography. As the user scrolls, the page should transition through four visual worlds: origin, transformation, intelligence, dominance. Use smooth parallax, 3D object movement, fading chapter overlays, and subtle camera motion. Each section should feel like a movie frame with one strong headline, one short paragraph, and a real-time animated visual element. Avoid stock images. Use gradients, glass, particles, vector shapes, and CSS/Three.js-style motion.
Create a vertical scroll experience where a single central 3D object evolves as the user moves down the page. Start with a DNA helix, morph it into a mechanical engine, then into a supercar silhouette, then into a living plant system, then into an AI neural core. Use scroll position to drive rotation, scale, lighting, and material changes. The page should feel like a luxury technology manifesto. Keep the UI minimal. Black canvas, gold highlights, deep shadows, and sharp serif headlines.
Build a modern homepage for an AI visibility agency that feels more like a private intelligence firm than a marketing agency. Use scroll-based reveals, animated entity graphs, glowing citation paths, AI answer cards, and layered interface panels. The hero should have a dark 3D environment with floating nodes representing brands, citations, AI systems, and authority signals. As the user scrolls, the nodes reorganize into a clear system: discoverability, interpretation, citation, inclusion, selection. Make it feel expensive, controlled, and technically serious.
Design a landing page that feels like opening a proprietary operating system. The first screen should show a dark command-center interface with panels, maps, entity graphs, signal meters, and AI model outputs. As the user scrolls, panels unlock one by one. Use sticky sections, horizontal scroll inside vertical scroll, animated dashboards, and modular cards. The site should not feel like SaaS fluff. It should feel like infrastructure.
Create a homepage hero that looks like an Aston Martin configurator crossed with an AI command center. Use a pure black background, metallic gold gradients, fine line geometry, subtle WebGL motion, and an object in the center that looks like a futuristic intelligence engine. The headline should feel massive and editorial. Use minimal navigation, a sharp CTA, and scroll cues. Add micro-interactions on hover: glass panels brighten, gold borders trace around cards, and background particles respond to the cursor.
Build a case study page where the user scrolls through a transformation story. Before state: scattered signals, confused entity, weak authority. During state: correction, structuring, citation layering, authority mapping. After state: AI systems understand, include, and recommend the brand. Use animated before/after diagrams, scrolling timeline, AI answer mockups, and a 3D 'signal stack' that gets cleaner as the user scrolls. Make the page feel like evidence, not marketing.
Create an interactive entity graph landing page. The hero should show a central brand node surrounded by related entities: founder, company, services, topics, citations, podcasts, social profiles, articles, reviews, and AI models. The graph should slowly rotate in 3D. On scroll, the graph tightens and becomes more organized, showing how the system turns scattered information into machine-readable authority. Use dark mode, glowing edges, and elegant labels.
Build a fake but polished product dashboard for an AI visibility platform. Include panels for Citation, Inclusion, Selection, Entity Confidence, AI Model Coverage, Source Authority, and Prompt Performance. Use animated counters, charts, model cards, and status indicators. The dashboard should be embedded inside a cinematic landing page. It should feel like the user is seeing a classified control system for brand visibility across ChatGPT, Gemini, Perplexity, Claude, Grok, and Google AI Overviews.
Create a long-form editorial web experience with luxury magazine design. Use huge serif typography, cinematic section breaks, black background, gold captions, and scroll-triggered visual transitions. Each section should feel like a chapter. Add animated pull quotes, floating diagrams, subtle grain, parallax images or generated abstract shapes, and sticky side notes. The design should feel like Garden & Gun meets Bloomberg Terminal meets Cyberpunk luxury.
Build a scroll-driven 3D founder story for Jason Todd Wade. Start with early web/search, move into ecommerce and systems, then AI visibility, then BackTier/NinjaAI, then the future of AI discovery. Each era should have a symbolic 3D asset: old terminal, marketplace grid, entity graph, AI engine, and orbital command system. Use black background, gold and electric accent lighting, cinematic camera moves, and chapter overlays. Make it feel like a founder mythology page, not a resume.
Create a landing page where the first screen looks fragmented: broken text, scattered cards, glitching panels, disorganized search results, and unstable AI answers. As the user scrolls, everything resolves into clean structure. Text sharpens, panels align, entity nodes connect, and the final screen becomes a polished AI visibility system. Use this as the visual metaphor: confusion becomes machine-readable authority.
Build a vertical landing page with one major horizontal scroll section. The user scrolls down normally, then enters a pinned section where panels slide sideways through the system: Audit, Entity Foundation, Authority Mapping, Content Layer, Citation Layer, AI Testing, Reinforcement. Each panel should have a 3D mini-scene or animated diagram. After the horizontal section ends, return to vertical scrolling with a strong CTA.
Create a premium interactive site with a magnetic cursor effect. Buttons, cards, and nodes should subtly pull toward the cursor. Use hover glow, border tracing, glassmorphism, and subtle soundless 'tactile' UI behavior. The visual language should be black, gold, charcoal, and off-white. Avoid playful animation. Make it feel like precision machinery.
↳ See it in examplesBuild a website that combines command-line aesthetics with luxury editorial design. The hero opens with a terminal-style sequence typing: 'Scanning entity… Mapping citations… Testing AI answers… Measuring selection…' Then the page expands into a polished black-and-gold interface. Use animated command lines, system status panels, and scroll-triggered reveals. Keep the writing serious and minimal.
Create a page that looks like an architectural blueprint for AI visibility. Use thin gold lines over a black background. As the user scrolls, blueprint layers draw themselves: entity foundation, content architecture, schema, citations, AI model testing, memory reinforcement, agent presence. Use line animations, blueprint labels, and 3D depth. Make it feel like building plans for machine authority.
Build a landing page around the idea that AI systems do not just find brands; they select them. Use a central 3D selection engine with multiple brands entering on one side and one recommended brand exiting on the other. Show signals being weighed: authority, clarity, citations, reviews, structured data, topical coverage, and trust. As the user scrolls, the engine reveals each layer. Final message: citation is evidence, inclusion is visibility, selection is authority.
Create a 'war room' interface for monitoring AI visibility. The site should look like a dark operations center with floating screens showing prompts, AI answers, citations, rankings, entity confidence, competitor mentions, and source maps. Use 3D perspective, glass panels, soft bloom, and scroll-driven camera movement. The user should feel like they are inside a live intelligence dashboard.
Build a modern agency homepage using a liquid metal visual metaphor. The hero should show a dark liquid-metal object slowly forming into the brand mark or abstract AI core. As the user scrolls, the liquid separates into structured layers: entity, authority, content, citations, testing, reinforcement. Use metallic reflections, gold highlights, and smooth transitions. Make it elegant, not gimmicky.
Create a landing page where each section is a card stack moving in 3D depth. Cards should represent strategy layers, proof points, client outcomes, AI systems, and frameworks. As the user scrolls, cards move toward the camera, rotate slightly, and lock into place. Use dark mode, blurred depth, strong shadows, and large typography. The experience should feel immersive but still readable.
Build a page that visualizes how AI systems cite and trust sources. Start with isolated content pieces floating in darkness. As the user scrolls, lines connect them to authority sites, podcast platforms, social profiles, schema, knowledge graphs, and AI answer engines. The final visual should be a dense but organized citation network. Use animated nodes, glowing pathways, and section overlays explaining each layer.
Build a premium scroll-driven cinematic website using modern front-end effects: parallax, sticky sections, 3D transforms, animated entity graphs, glassmorphism, magnetic cursor interactions, scroll-triggered text reveals, and real-time abstract visuals. The design should feel like luxury technology infrastructure, not a generic SaaS template. Use a pure black or near-black background, metallic gold accents, restrained typography, deep shadows, and editorial spacing. Each section should behave like a scene with one strong idea, one visual system, and one clear action. Avoid stock photos, generic icons, cheerful gradients, and startup cartoon aesthetics. The site should feel controlled, expensive, intelligent, and slightly intimidating.
↳ See it in examplesAppend to any cinematic prompt: Use production-ready React components. Make it responsive. Use CSS animations, Framer Motion-style motion if available, and Three.js/React Three Fiber only if supported by the platform. If full 3D is not supported, simulate depth with CSS perspective, layered gradients, SVG lines, animated particles, and transform-based motion. Prioritize fast load, clean layout, readable copy, and premium interaction details. Do not overbuild the backend. Focus on the visual front-end experience, scroll behavior, and polished conversion flow.
Six-scene vertical-scroll films, one per industry. Realtime 3D, editorial copy, no clichés.
Tell a story through vertical scroll for a serious plaintiff trial lawyer brand, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let a single spark become evidence, evidence become a case file, the file become a courtroom, the courtroom become pressure, and pressure become a verdict. Keep the color palette pure black, bone white, and restrained gold. Maximum drama. No cheesy legal icons. No gavels unless abstracted. Use scroll-triggered camera movement, cinematic depth of field, slow document reveals, floating timeline fragments, redacted text, courtroom shadows, and a final transformation from scattered facts into one undeniable sentence. Build each section as a scene, not a page. Write copy like a legal thriller, not a typical industry website. Title: Jason Wade × Backtier Reel 02 / The Burden of Proof A film in six scenes Scene structure: 01 The Incident 02 The Record 03 The Pattern 04 The Pressure 05 The Argument 06 The Verdict The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Final card: Story — Jason Wade Cinematography — Backtier ⓒ MMXXVI — Built in the dark. Proven in the record.
Tell a story through vertical scroll for an AI Visibility agency, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let invisible signals become entities, entities become citations, citations become inclusion, inclusion become selection, and selection become authority. Keep the color palette pure black with electric white and restrained yellow. Make it feel expensive, precise, and dangerous. Use scroll-triggered 3D data structures, glowing knowledge graphs, entity nodes, AI answer panels, citation fragments, and a final scene where the brand name locks into place like a classified identity. Copy direction: not 'we help you rank.' Say: 'Before a machine can recommend you, it must know what you are.' Build each section as a scene, not a page. Write copy like a science-fiction intelligence briefing, not a typical industry website. Title: Jason Wade × Backtier Reel 03 / The Machine Learns Your Name A film in six scenes Scene structure: 01 The Unknown 02 The Entity 03 The Citation 04 The Inclusion 05 The Selection 06 The Memory The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Final card: Citation is evidence. Inclusion is visibility. Selection is authority. Story — Jason Wade · System — Backtier
Tell a story through vertical scroll for a high-end medical specialist or surgical practice, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let a symptom become a signal, the signal become imaging, imaging become diagnosis, diagnosis become precision, and precision become recovery. Keep the color palette pure black, surgical white, muted blue, and soft silver. Controlled. Human. Precise. No hype. No generic healthcare stock imagery. Use scroll-triggered anatomy models, translucent imaging layers, pulse lines, diagnostic overlays, operating-room light, and a final human silhouette returning to motion. Build each section as a scene, not a page. Write copy like a quiet medical documentary, not a typical industry website. Title: Jason Wade × Backtier Reel 04 / The Body Keeps the Score A film in six scenes Scene structure: 01 The Signal 02 The Scan 03 The Finding 04 The Plan 05 The Procedure 06 The Return The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: The body rarely shouts first. It whispers. The work is learning to hear it before the damage becomes permanent.
Tell a story through vertical scroll for a real estate developer, luxury community, or land development brand, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let raw land become survey lines, survey lines become infrastructure, infrastructure become architecture, architecture become a neighborhood, and the neighborhood become legacy. Keep the color palette pure black, warm concrete, steel, and amber light. Do not sell square footage. Sell inevitability. Use scroll-triggered terrain models, topographic lines, glowing utility grids, architectural massing, cranes in silhouette, and a final dusk neighborhood scene. Build each section as a scene, not a page. Write copy like an architectural film, not a typical industry website. Title: Jason Wade × Backtier Reel 05 / Before the First Wall A film in six scenes Scene structure: 01 The Land 02 The Line 03 The Grade 04 The Frame 05 The Street 06 The Inheritance The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: A place begins long before the first wall goes up. It begins when someone sees order inside the dirt.
Tell a story through vertical scroll for a private equity-backed rollup, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let scattered local brands become signals, signals become a shared operating system, the operating system become market coverage, market coverage become dominance, and dominance become exit value. Keep the color palette pure black, institutional gray, white, and restrained green. No founder ego. No 'family of brands' fluff. Make it about standardization, control, and compounding market recognition. Use scroll-triggered maps, entity clusters, brand cards, operational dashboards, acquisition nodes, and a final command-center view of the whole portfolio. Build each section as a scene, not a page. Write copy like an investor documentary, not a typical industry website. Title: Jason Wade × Backtier Reel 06 / The Many Become One A film in six scenes Scene structure: 01 The Fragment 02 The Pattern 03 The System 04 The Network 05 The Market 06 The Multiple The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: The rollup does not fail because the companies are weak. It fails when the market cannot tell what they have become together.
Tell a story through vertical scroll for a restaurant group or hospitality brand, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let soil become ingredient, ingredient become fire, fire become service, service become memory, and memory become reputation. Keep the color palette pure black, flame orange, linen white, and brass. No menu dump. No reservations CTA until the end. Make the restaurant feel like ritual. Use scroll-triggered ingredients, smoke, flame, table settings, slow camera movement through a dark dining room, and a final empty table glowing after service. Build each section as a scene, not a page. Write copy like a food film, not a typical industry website. Title: Jason Wade × Backtier Reel 07 / The Table Remembers A film in six scenes Scene structure: 01 The Source 02 The Knife 03 The Fire 04 The Room 05 The Table 06 The Return The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: A meal is not only eaten. It is filed somewhere in the body and recalled years later as proof that a night mattered.
Tell a story through vertical scroll for a wealth management firm, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let a single dollar become a ledger, the ledger become a plan, the plan become protection, protection become growth, and growth become inheritance. Keep the color palette pure black, ivory, muted green, and old-money gold. No cliché retirement photos. No smiling beach couples. Make it about control, continuity, and discipline. Use scroll-triggered ledgers, family-tree structures, asset flows, estate documents, market storms, and a final engraved nameplate or trust document. Build each section as a scene, not a page. Write copy like a generational drama, not a typical industry website. Title: Jason Wade × Backtier Reel 08 / What Survives You A film in six scenes Scene structure: 01 The Dollar 02 The Ledger 03 The Risk 04 The Plan 05 The Compounding 06 The Name The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: Wealth is not what you accumulate. It is what remains organized when life becomes disorderly.
Tell a story through vertical scroll for a construction company or national contractor brand, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let dust become measurement, measurement become steel, steel become structure, structure become shelter, and shelter become proof. Keep the color palette pure black, concrete gray, safety yellow, and steel. Make the company feel competent, serious, and inevitable. Use scroll-triggered blueprints, laser levels, steel beams, cranes, sparks, concrete pours, and a final completed structure at night. Build each section as a scene, not a page. Write copy like an industrial film, not a typical industry website. Title: Jason Wade × Backtier Reel 09 / Measured Twice A film in six scenes Scene structure: 01 The Site 02 The Mark 03 The Cut 04 The Lift 05 The Seal 06 The Standing Thing The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: Buildings do not care about intention. They only remember whether the work was true.
Tell a story through vertical scroll for a cybersecurity company, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let a packet become a path, the path become a breach attempt, the breach attempt become detection, detection become containment, and containment become trust. Keep the color palette pure black, cold blue, white, and occasional red threat pulses. Do not overexplain features. Show tension, detection, and control. Use scroll-triggered network maps, encrypted tunnels, threat particles, firewall geometry, access logs, and a final calm black screen with one secure green pulse. Build each section as a scene, not a page. Write copy like a surveillance thriller, not a typical industry website. Title: Jason Wade × Backtier Reel 10 / The Door No One Saw A film in six scenes Scene structure: 01 The Packet 02 The Door 03 The Signal 04 The Hunt 05 The Lockdown 06 The Quiet The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: The best security story is the one the attacker never gets to finish.
Tell a story through vertical scroll for an e-commerce brand, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let desire become search, search become product, product become checkout, checkout become delivery, and delivery become loyalty. Keep the color palette pure black, high-contrast white, a product accent color, and cinematic shadows. Do not describe inventory. Describe selection. Use scroll-triggered product models, search fragments, AI recommendation cards, packaging animation, delivery motion, and a final customer memory loop. Build each section as a scene, not a page. Write copy like a luxury brand film, not a typical industry website. Title: Jason Wade × Backtier Reel 11 / The Object Finds Its Person A film in six scenes Scene structure: 01 The Want 02 The Search 03 The Object 04 The Decision 05 The Arrival 06 The Repeat The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: The future of commerce is not who has the most products. It is who gets chosen when the machine narrows the world.
Tell a story through vertical scroll for a university, school, or education brand, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let a question become a book, the book become a classroom, the classroom become practice, practice become mastery, and mastery become contribution. Keep the color palette pure black, parchment, white, and institutional crimson or navy. No generic 'future leaders' copy. Make learning feel difficult, beautiful, and consequential. Use scroll-triggered chalk particles, books, lecture halls, research diagrams, student projects, and a final open door into the world. Build each section as a scene, not a page. Write copy like an academic film, not a typical industry website. Title: Jason Wade × Backtier Reel 12 / The Question Enters the Room A film in six scenes Scene structure: 01 The Question 02 The Book 03 The Room 04 The Trial 05 The Work 06 The Contribution The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: Education begins when a person meets a question large enough to rearrange them.
Tell a story through vertical scroll for a luxury automotive, motorsport, or performance brand, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let carbon become chassis, chassis become engine, engine become speed, speed become control, and control become legend. Keep the color palette pure black, carbon fiber, chrome, and one aggressive accent color. No discounts. No inventory grids. Make it feel engineered, rare, and slightly dangerous. Use scroll-triggered car parts, engine pulses, aerodynamic airflow, speed lines, track geometry, and a final silhouette under hard light. Build each section as a scene, not a page. Write copy like a racing film, not a typical industry website. Title: Jason Wade × Backtier Reel 13 / The Machine Learns to Breathe A film in six scenes Scene structure: 01 The Material 02 The Frame 03 The Ignition 04 The Line 05 The Limit 06 The Legend The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: Speed is not chaos. Speed is discipline with nowhere left to hide.
Tell a story through vertical scroll for a home services franchise, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let a local call become dispatch, dispatch become arrival, arrival become repair, repair become trust, and trust become market dominance. Keep the color palette pure black, worklight yellow, white, and industrial gray. Make local trust feel like infrastructure. Use scroll-triggered home silhouettes, service vans, route maps, technician tools, review stars abstracted as signal lights, and a final territory map lighting up. Build each section as a scene, not a page. Write copy like a field operations film, not a typical industry website. Title: Jason Wade × Backtier Reel 14 / The House Calls Back A film in six scenes Scene structure: 01 The Problem 02 The Call 03 The Route 04 The Fix 05 The Review 06 The Territory The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: A service brand is not built in the office. It is built at the door, one solved problem at a time.
Tell a story through vertical scroll for a B2B SaaS company, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let chaos become data, data become workflow, workflow become automation, automation become insight, and insight become control. Keep the color palette pure black, cool white, electric blue, and subtle glass. No feature grid. No 'save time' cliché. Show the transformation from operational noise to command. Use scroll-triggered dashboards, broken process fragments, workflow lines, automation nodes, alert panels, and a final executive command center. Build each section as a scene, not a page. Write copy like a systems-control film, not a typical industry website. Title: Jason Wade × Backtier Reel 15 / The Work Finds Its Shape A film in six scenes Scene structure: 01 The Mess 02 The Signal 03 The Flow 04 The Machine 05 The Decision 06 The Control Room The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: Software matters when it turns scattered work into a system that can be seen, measured, and improved.
Tell a story through vertical scroll for a luxury hotel or resort, connected to jasonwade.com and backtier.com. Use realtime 3D assets that animate as the user scrolls down. Let arrival become threshold, threshold become room, room become service, service become stillness, and stillness become memory. Keep the color palette pure black, warm ivory, champagne, and deep shadow. Do not list amenities. Make the guest feel the difference before naming it. Use scroll-triggered luggage silhouettes, lobby light, keycards, curtains, water reflections, dining tables, and a final sunrise through black glass. Build each section as a scene, not a page. Write copy like a luxury travel film, not a typical industry website. Title: Jason Wade × Backtier Reel 16 / The Door Opens Quietly A film in six scenes Scene structure: 01 The Arrival 02 The Threshold 03 The Room 04 The Gesture 05 The Night 06 The Memory The whole experience should feel engineered, deliberate, and slightly dangerous. Use scroll-triggered camera movement, cinematic depth of field, and a final transformation from the first scene into one undeniable closing image. Key line: Luxury is not abundance. It is the absence of friction at the exact moment a person is ready to exhale.