Google Stitch Prompt v2 - Blip Landing Page

Date: 25 March 2026 Purpose: Generate layout variations with a locked section structure

The prompt

Copy everything below this line and paste into Google Stitch:

Design a single-page landing website for “Blip” — a boutique, premium personal tech support service run by a small team. The lead has 25+ years of experience. The service is high-touch and human: no bots, no call centres, no tickets. Just real people you know and trust who handle your tech.

Target audience: busy professionals and solopreneurs aged 40-60+, mostly women. Not technical. They want relief, safety, and confidence — not to become technical themselves. Affluent, expect a premium experience.

Brand personality: warm, quietly confident, modern. Apple’s design simplicity applied to a personal service. Not corporate. Not techy. Gender-neutral warmth.

Colour palette: dark navy (#0A2341) primary, warm amber/gold (#D4A843) accents, bright blue (#3B82F6) CTA buttons, light blue-grey (#F0F4F8) section backgrounds, white text on dark, near-black body text on light.

Logo: the word “blip” in lowercase white rounded sans-serif on a navy circle.

Typography: generous sizing, highly readable sans-serif throughout. Large headlines. Comfortable body text. Generous line spacing. Nothing small or dense.

Design principles: Apple-inspired minimalism. Generous white space. One message per section. Rounded UI elements. No clutter. Every section breathes. No parallax scrolling. No stock photography. No pricing tables. No chat widgets. No dark mode.

THE PAGE HAS EXACTLY FOUR SECTIONS PLUS A FOOTER. Do not add extra sections.

SECTION 1 — HERO (full viewport height): Full-width background area with a navy-to-transparent gradient washing in from the left. On the left side: a large rotating headline (white text, changes periodically), a short subline, and one CTA button (“Book a free call” in the bright blue). The right two-thirds of the hero is where a background video will play (use a warm, dark placeholder tone — do not add an image). The hero should feel immersive, cinematic, and spacious. The nav bar sits on top: logo on the far left, 3 text links on the right (“What we do”, “Who we are”, “Contact”), and a persistent “Book a call” button.

SECTION 2 — WHAT WE DO (The Three Pillars): Three clean cards in a row on desktop, stacked on mobile. Each card has: a simple icon, a short headline, one to two sentences of description, and a subtle “Find out more” link. The three services are: Tech Support, Online Safety, AI Coaching. This section should feel light and scannable — someone should identify the service they need within five seconds. Use the light blue-grey background. Keep generous spacing between cards.

SECTION 3 — WHO WE ARE (The Trust Section): This is the emotional heart of the page. Two parts:

Part A — The Team: A warm circular photo placeholder on one side, a few lines of text on the other introducing the lead by name and the team. The tone is personal and confident: “we’ve been doing this for over 20 years, we know you by name, no call centres, no strangers.” Use “we” language throughout — this is a team, not a solo operator.

Part B — Client Proof: Directly below or alongside, show exactly four testimonial blocks. Each block shows: client name, company or context, years of relationship (e.g. “Client for 20+ years”), and one short quote. All four are visible at once — no carousel, no tabs, no “show more.” The visual impact of seeing “20 years, 18 years, 20 years, 20 years” together is the point. Treat these with understated elegance — pull quotes, subtle cards, or a clean grid.

SECTION 4 — THE CLOSE: Clean, spacious. One strong headline, one CTA button (“Book a free call”), and optionally one short reassuring line beneath (like “No commitment, no jargon, just a conversation”). Navy background with white text. This is the final nudge — confident, warm, low-pressure.

FOOTER: Minimal. Logo, contact email, phone number, and a few links. Light treatment. Do not over-design.

Generate 4 distinctly different layout variations. Same content and colour palette, but explore different arrangements, visual hierarchies, spacing rhythms, and personality. Some should feel tighter and punchier, some more expansive and spacious. I want to compare vibes — the goal is to find the right spatial rhythm and emotional feel for a premium personal service.

Do NOT include any stock photography or placeholder people images. Use solid colour blocks, subtle gradients, or abstract shapes where imagery would go.

Match Material Design 3 guidelines for component styling.