Screenshots
See what this prompt generates across different AI tools
Create a comprehensive destination guide page for "Wanderly Travel" featuring Tokyo, Japan. The page should feel like an editorial travel magazine combined with practical planning tools, inspiring visitors to book their trip.
1. NAVIGATION BAR
- Logo: "Wanderly" with compass rose icon
- Links: Destinations, Trip Styles, Deals, About Us, Blog
- Right side: "Plan My Trip" CTA button (solid #0D9488 teal)
- Sticky on scroll with white background and subtle shadow
- Breadcrumb below nav: Home โ Destinations โ Asia โ Tokyo, Japan
2. HERO SECTION (70vh height)
- Full-bleed cinematic photo of Tokyo skyline at dusk with Mount Fuji in background and neon lights below
- Overlay gradient from transparent to dark at bottom
- Content at bottom-left:
- Country flag emoji ๐ฏ๐ต + "Japan"
- Headline: "Tokyo"
- Tagline: "Where ancient temples meet neon-lit streets"
- Quick stats row (white icons + text on dark overlay):
- โ๏ธ "14h from NYC" ยท ๐ก๏ธ "Best: MarโMay, OctโNov" ยท ๐ด "$$$ Moderate" ยท ๐ฃ๏ธ "Japanese"
- "Start Planning" CTA button (teal #0D9488)
3. AT A GLANCE SIDEBAR (sticky on desktop, collapsible on mobile)
- Card with white background, 12px border-radius, soft shadow
- Quick facts:
- Currency: Japanese Yen (ยฅ)
- Language: Japanese (English widely understood in tourist areas)
- Time Zone: JST (UTC+9)
- Visa: 90-day visa-free for US/EU citizens
- Plug Type: Type A (US-compatible)
- Tipping: Not customary
- Safety Rating: โ
โ
โ
โ
โ
"Very Safe"
- "Download PDF Guide" button (outline teal)
- "Book This Destination" button (solid teal)
4. OVERVIEW SECTION
- 2-column layout: text left (60%), image collage right (40%)
- Introductory paragraph: "Tokyo is a city of contrasts โ a place where centuries-old shrines sit in the shadow of soaring skyscrapers, where Michelin-starred sushi bars share streets with bustling ramen stalls, and where cutting-edge technology coexists with deeply rooted tradition. With 14 million residents, the world's largest metropolitan area offers endless discovery."
- Key highlights as icon cards (2x3 grid):
- ๐ฏ "38,000+ temples & shrines"
- ๐ฃ "More Michelin stars than any city on Earth"
- ๐ "Bullet trains at 200mph"
- ๐ธ "Cherry blossom season (late March)"
- ๐ฎ "Global capital of gaming & anime"
- ๐๏ธ "Shopping districts for every style"
5. TOP ATTRACTIONS (card grid, 3 columns desktop, scrollable on mobile)
- Section headline: "Must-See Attractions" with filter tabs: All, Culture, Nature, Food, Shopping
- Attraction 1: "Senso-ji Temple" โ Asakusa โ "Tokyo's oldest temple, dating to 645 AD, with the iconic Kaminarimon thunder gate" โ โฑ๏ธ 2-3 hours โ Free โ Rating: 4.8โ
- Attraction 2: "Shibuya Crossing" โ Shibuya โ "The world's busiest pedestrian crossing โ up to 3,000 people cross at once" โ โฑ๏ธ 30 min โ Free โ Rating: 4.6โ
- Attraction 3: "Tsukiji Outer Market" โ Chuo โ "Street food paradise with the freshest sushi, tamagoyaki, and wagyu skewers" โ โฑ๏ธ 2-3 hours โ Free entry โ Rating: 4.9โ
- Attraction 4: "Meiji Shrine" โ Harajuku โ "A serene Shinto shrine surrounded by 170 acres of forest in the heart of the city" โ โฑ๏ธ 1-2 hours โ Free โ Rating: 4.7โ
- Attraction 5: "TeamLab Borderless" โ Odaiba โ "An immersive digital art museum with stunning interactive light installations" โ โฑ๏ธ 3-4 hours โ ยฅ3,800 โ Rating: 4.8โ
- Attraction 6: "Akihabara Electric Town" โ Akihabara โ "Neon-drenched district for anime, manga, retro games, and electronics" โ โฑ๏ธ 3-4 hours โ Free โ Rating: 4.5โ
- Each card: photo, name, neighborhood tag, description, time needed, cost, star rating
- Heart/save icon on each card
6. SAMPLE ITINERARIES (tabbed section)
- Tab 1: "3 Days โ Highlights" (most popular badge)
- Day 1: Senso-ji โ Nakamise Street โ Skytree โ Akihabara โ Ramen dinner in Shinjuku
- Day 2: Meiji Shrine โ Harajuku โ Shibuya Crossing โ Shibuya Sky โ Izakaya crawl
- Day 3: Tsukiji Market โ Ginza shopping โ Imperial Palace gardens โ Roppongi night views
- Tab 2: "5 Days โ Deep Dive"
- Adds: Day trip to Kamakura, Shimokitazawa vintage shopping, Odaiba & TeamLab, Sumo tournament
- Tab 3: "7 Days โ Complete Tokyo"
- Adds: Day trip to Hakone/Mt. Fuji, Yanaka old town, Toyosu fish market auction, Ueno museums
- Each day: timeline with icons, attraction photos, estimated times, and meal suggestions
- "Customize This Itinerary" CTA button
7. WHERE TO STAY (3 neighborhood cards)
- Headline: "Best Neighborhoods to Stay"
- Card 1: "Shinjuku" โ "Central hub with great transport links, nightlife, and department stores" โ From $120/night โ Best for: First-timers โ Photo of Shinjuku at night
- Card 2: "Shibuya" โ "Young, trendy, and walkable with great dining and shopping" โ From $100/night โ Best for: Couples & nightlife โ Photo of Shibuya street
- Card 3: "Asakusa" โ "Traditional atmosphere near Senso-ji with budget-friendly options" โ From $65/night โ Best for: Culture lovers & budget travelers โ Photo of traditional street
- "View All Hotels" link
- Each card shows price range, best-for tag, transit info
8. LOCAL TIPS (icon list on light background #F0FDFA)
- Headline: "Insider Tips from Our Travel Experts"
- ๐ณ "Get a Suica or Pasmo IC card for seamless subway and convenience store payments"
- ๐ "Avoid rush hour (7:30โ9:30 AM) on the subway โ it's extremely crowded"
- ๐ "Slurping noodles is polite โ it shows you're enjoying the meal"
- ๐ช "7-Eleven and Lawson convenience stores have surprisingly excellent food"
- ๐ "Wear slip-on shoes โ you'll remove them frequently at temples and restaurants"
- ๐ถ "Rent a pocket WiFi at the airport โ coverage is fast and reliable everywhere"
- ๐๏ธ "Public trash cans are rare โ carry a small bag for your waste"
- ๐ด "Japan is still very cash-based โ carry yen, especially outside tourist areas"
9. WEATHER & BEST TIME TO VISIT
- Horizontal month chart showing temperature and rainfall
- Months color-coded: green "Best", yellow "Good", orange "Hot/Rainy", blue "Cold"
- Best: MarchโMay (cherry blossoms, mild 15-22ยฐC), OctoberโNovember (autumn foliage, 15-20ยฐC)
- Good: DecemberโFebruary (cold but festive, illuminations, fewer crowds)
- Avoid: JuneโAugust (rainy season into extreme humidity, 30ยฐC+)
- Special events callouts: Cherry Blossom season (late March), Sumidagawa Fireworks (July), Autumn leaves (November)
10. TRAVELER REVIEWS
- Headline: "What Travelers Say About Tokyo"
- Review 1: "Tokyo exceeded every expectation. The food alone is worth the flight." โ James R. โ 5 days, October โ โ
โ
โ
โ
โ
- Review 2: "We felt so safe walking around at midnight. The city is incredibly clean and the people are so kind." โ Priya & Anil M. โ 7 days, April โ โ
โ
โ
โ
โ
- Review 3: "Third time visiting and I still discover something new every day." โ Sophie L. โ 10 days, November โ โ
โ
โ
โ
โ
- Photo + name + trip duration + season visited + star rating
11. CTA SECTION
- Dark teal background (#134E4A)
- Headline: "Ready to Explore Tokyo?"
- Subheadline: "Our travel experts will craft a personalized itinerary just for you"
- Two CTAs: "Plan My Tokyo Trip" (white button) and "Browse Tokyo Packages" (outline white button)
- Starting from: "$2,899/person ยท 7 days ยท Flights + Hotels + Experiences"
12. FOOTER
- Same as site-wide footer with destinations, trip styles, company, and support columns
- Social icons: Instagram, Facebook, Pinterest, YouTube, TikTok
- ยฉ 2026 Wanderly Travel Co.
Design: Editorial, magazine-style layout. Primary: #0D9488 (teal), dark: #134E4A, accent: #F59E0B (amber for badges/highlights). Clean white backgrounds with alternating #F0FDFA teal-tinted and #F9FAFB neutral sections. Typography: DM Serif Display for headings, Inter for body. Cards with 12px border-radius, generous photography, soft shadows. Smooth scroll anchors for each section.
Responsive: On mobile, sidebar collapses to expandable accordion below hero. Attraction cards become horizontal scroll carousel. Itinerary tabs stack with swipeable navigation. Month chart scrolls horizontally. Neighborhood cards stack vertically. Sticky bottom bar with "Plan My Trip" CTA on mobile. How to use this prompt
- 1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
- 2 Open ChatGPT, Claude, or your preferred AI assistant
- 3 Paste the prompt and customize any placeholder text (like product names or brand colors)
- 4 Let the AI generate your website code or design specifications
More Travel Prompts
Travel Agency Homepage
A stunning travel agency homepage with destination showcases, trip search, deals, and booking CTAs
Hotel Booking Page
A hotel search and booking page with filters, room comparisons, photo galleries, and reservation flow
Travel Blog Page
A visually rich travel blog page with featured posts, destination categories, photo essays, and newsletter signup for travel content creators
About this Travel Prompt
This Destination Guide Page prompt is designed to help you quickly create professional travel websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.
Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building destination guide page. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.
Compatible AI Tools
- ChatGPT (GPT-4) - Great for detailed code generation and explanations
- Claude 3 - Excellent for complex, nuanced website designs
- v0 by Vercel - Perfect for React and Next.js components
- Cursor - Ideal for AI-powered coding in your IDE
- Bolt.new - Quick prototyping and full-stack apps
- Lovable - User-friendly AI website builder