Seed Prompt Examples

Generates a clean, no-frills technical documentation site in the style of gcc.gnu.org. White background, black text, pipe-separated navigation, monospace code blocks, and section headers with thin bottom borders. Ideal for open-source projects, libraries, or CLI tools.

Homepage for "Corvo" — a minimal, fast JSON schema validator written in Go.
DESIGN: Plain minimal HTML in the style of gcc.gnu.org. White background (#ffffff),
black text (#000000), font Arial/Helvetica/sans-serif at 14px. Links #0000cc,
visited #551a8b. No JavaScript, no gradients, no external CSS frameworks, no images.
Code/pre blocks: background #f4f4f4, border 1px solid #cccccc, Courier New 13px.
H2 headings have a 1px solid #cccccc bottom border. Max-width 860px, centered with
auto margins, 20px side padding.

NAV: Pipe-separated links at 13px at top of every page:
Home (/) | Install (/install.html) | Usage (/usage.html) | Schema Reference
(/schema.html) | Examples (/examples.html) | Changelog (/changelog.html) |
GitHub (https://github.com/example/corvo, external)

HOMEPAGE CONTENT:
- H1: "Corvo"
- Tagline: "A small, fast JSON schema validator for Go."
- Short paragraph: what Corvo does, why it's useful, latest stable version (v1.4.2).
- Quick install section (h2) with a pre block: go get github.com/example/corvo
- Quick start example in a pre block showing a 10-line Go snippet validating a schema.
- Section: "Why Corvo?" — 4 bullet points covering speed, zero dependencies,
  strict RFC compliance, and excellent error messages.
- Section: "Documentation" — brief links to Install, Usage, Schema Reference pages.
- Footer: small print, link to GitHub, license (MIT).

All linked pages must use the same design: same nav, same colors, same fonts,
same code block style, same max-width, same footer.
    

Generates a gloriously authentic mid-1990s personal homepage. Expect tiled background GIFs, animated "Under Construction" banners, neon text, a visitor counter, a guestbook link, blinking marquee text, and rampant use of <font> tags. Pure nostalgia.

Personal GeoCities-style homepage for "DavidK_1997" — a 14-year-old kid from Ohio
who loves Nirvana, The X-Files, and Doom II. This is an authentic 1990s GeoCities
homepage with ALL the trimmings.

DESIGN — as authentic 1990s GeoCities as possible:
- Tiled background: use a repeating dark navy or black tile pattern (inline CSS
  background-image with a base64-encoded tiny tile, or a free Wayback Machine URL
  to a classic tiled GIF). If you can't tile, use background-color: #000033.
- Body text: white or bright yellow, font-family "Comic Sans MS", Times New Roman,
  or the most period-appropriate font available, font size 12-14pt.
- Headings: neon green (#00ff00) or hot pink (#ff00ff), large (h1 at 28pt), bold,
  with a drop shadow if possible via text-shadow.
- Use inline HTML font tags and table-based layout (no CSS flexbox/grid).
- Animated GIFs: hotlink real Geocities-era GIF URLs from archive.org or similar.
  Include: spinning globe, "Under Construction" banner, small fire/flames gif,
  a small "NEW!" starburst, a dancing baby or similar.
- A <marquee> tag scrolling "Welcome to my AWESOME page!!!! :-)" across the top.
- A blinking <blink> tag somewhere (replicate with CSS animation if needed).
- Visitor counter: fake static counter graphic showing 001337 visits.
- Horizontal rules between sections using <hr> with neon color.

CONTENT:
- Welcome section with enthusiastic greeting and "you are visitor #001337!"
- "About Me" section: name David, age 14, Ohio, likes Nirvana, X-Files, Doom II,
  collecting Magic: The Gathering cards, and rollerblading.
- "My Favorite Links" — 8+ links to fictional or real 90s sites styled as a list.
- "Doom II" section with a small screenshot placeholder and tips for level 7.
- "Guestbook" section — link to /guestbook.html with a "Sign my guestbook!" GIF link.
- "Email Me!" with a mailto link (using an obviously fake 90s email like
  DavidK_cool@aol.com), and an animated envelope GIF.
- "Awards My Page Has Won" — two fake award GIF badges.
- Footer: "Best viewed in Netscape Navigator 3.0 at 800x600", a "Made with Notepad"
  badge, and the date "Last updated: March 14, 1997".

NAV: Simple text links at top, wrapped in a centered table cell:
[Home] [About Me] [Doom II] [Favorite Links] [Guestbook] [Email Me]
Each links to: / | /about.html | /doom2.html | /links.html | /guestbook.html |
/email.html

Every linked page must use the same design: same neon aesthetic, same tiled
background, same fonts, same era-accurate HTML style.
    

Generates a faithful recreation of a classic phpBB 2.x forum index page, complete with category sections, sub-forum rows, post/topic counts, "last post" cells, and the distinctive blue-grey phpBB color scheme. Great for retro community sites.

Homepage/index for "RetroGamersNet" — a phpBB 2.x style community forum dedicated
to retro gaming (NES, SNES, Genesis, DOS games, arcade). Recreate a classic phpBB
forum index page with full visual fidelity.

DESIGN — authentic phpBB 2.0.x appearance:
- Background: #E5E5E5 overall page, #FFFFFF for content areas.
- Header bar: solid #006699 background, white text, bold, font Verdana/Arial 12px.
  Show site logo text "RetroGamersNet" on the left and a tagline "Your #1 retro
  gaming community since 2001" on the right.
- Category header rows: background #006699, white bold text, Verdana 11px, all caps.
- Forum row cells: background alternating #F0F0F0 and #FFFFFF, 1px solid #D1D1D1
  borders, Verdana/Arial 11px.
- Each forum row: small folder icon (use a Unicode 📁 or 📂 emoji), forum name as
  a bold link (#0000CC), description text in small grey (#666666), then columns for
  Posts, Topics, Last Post.
- Sub-board links below description in small text.
- Statistics bar at bottom: total posts, total members, newest member — in a grey
  box matching phpBB style.
- Footer: "Powered by phpBB © 2001, 2002 phpBB Group" centered small text, plus
  nav links: [Board index] [FAQ] [Search] [Memberlist] [Usergroups] [Register]
  [Profile] [Log in]

FORUM STRUCTURE (3 categories, 8+ sub-forums total):
Category 1: "Console Gaming"
  - NES & Famicom (Discuss the original 8-bit Nintendo. 4,821 posts, 1,203 topics,
    last post by "NintendoKid87" in "Best NES hidden gems?" 2 hours ago)
  - SNES / Super Famicom (All things Super Nintendo. 7,342 posts, 1,891 topics,
    last post by "Zelda_freak" in "SNES vs Genesis debate" 14 min ago)
  - Sega Genesis / Mega Drive (Blast processing and beyond. 3,201 posts, 844 topics,
    last post by "BlastoiseX" in "Sonic 3 or Sonic CD?" yesterday)

Category 2: "PC & Arcade"
  - DOS Gaming (Duke, Doom, Commander Keen. 5,510 posts, 1,412 topics,
    last post by "DOSBox_Dan" in "Best Sound Blaster games" 1 hour ago)
  - Arcade & MAME (Quarters not required. 2,089 posts, 512 topics,
    last post by "TokenPusher" in "MAME 0.263 release" 3 days ago)
  - PC-98 & Japanese Retro (Import scene. 887 posts, 203 topics,
    last post by "NEC_Otaku" in "Policenauts PC-98 translation" 1 week ago)

Category 3: "Community"
  - Introductions (New here? Say hi! 1,102 posts, 550 topics,
    last post by "RetroNewbie22" in "Hello from Texas!" 5 min ago)
  - Trading Post (Buy, sell, trade retro games and hardware. 3,900 posts, 980 topics,
    last post by "CartCollector" in "WTB: Earthbound CIB" 32 min ago)

NAV LINKS at top: [Board index] [FAQ /faq.html] [Search /search.html]
[Memberlist /memberlist.html] [Register /register.html] [Log in /login.html]

All linked pages (/faq.html, /search.html, /memberlist.html, /register.html,
/login.html, and individual forum pages like /forum/nes.html) must use the same
phpBB 2.x visual design, same color scheme, same font and layout, same header and
footer. The site is RetroGamersNet, a retro gaming community forum.
    

Generates a modern SaaS startup landing page with a bold hero section, feature grid, social proof, pricing tiers, and a CTA. Uses a clean, contemporary design with a strong brand color, Inter/system fonts, and subtle shadows.

Landing page for "Novu" — a fictional AI-powered meeting notes SaaS startup.
Novu listens to your meetings, generates structured summaries, assigns action items,
and syncs everything to Notion, Jira, or Slack.

DESIGN — modern SaaS startup landing page:
- Color palette: primary #5B4FE9 (indigo-purple), secondary #F8F7FF, accent #FF6B6B.
  White (#ffffff) content background. Dark text #1A1A2E.
- Font: system-ui, -apple-system, "Segoe UI", sans-serif. Body 15px/1.6. H1 48px bold.
- Full-width hero section: background #5B4FE9, white text. Large H1, subtitle, two
  CTA buttons ("Start Free Trial" and "Watch Demo"). Subtle geometric SVG pattern or
  gradient overlay. Show a mocked-up screenshot/UI placeholder (use a colored div
  with rounded corners and fake UI lines to represent the app interface).
- Section padding: 80px top/bottom. Max-width 1100px, centered.
- Feature grid: 3 columns, each with an icon (SVG or Unicode emoji), bold heading,
  and 2-sentence description. Features: Auto-Transcription, Smart Summaries,
  Action Item Extraction, Calendar Integration, One-Click Sharing, SOC 2 Compliant.
- Social proof bar: logos of fake companies ("Veritas Inc", "BlueSky Labs",
  "Momentum Corp", "Frontier AI", "Zenpath") shown as grey text in a strip.
- Testimonials: 3 quotes in cards with avatar placeholder circles, name, title, company.
- Pricing: 3 tiers — Starter ($0/mo, 5 meetings/mo), Pro ($19/mo, unlimited), 
  Enterprise (custom). Pro tier highlighted with primary color border and "Most Popular"
  badge. Each tier lists 5 feature bullet points.
- FAQ: 5 questions in an accordion-style layout (CSS only, no JS).
- Footer: 4-column link layout, copyright "© 2025 Novu Technologies Inc.", social icons.

NAV: Sticky top bar, white background, logo "novu" in #5B4FE9 bold on left.
Links: Product (/product.html) | Pricing (/pricing.html) | Blog (/blog.html) |
Docs (/docs.html) | Company (/company.html) | Log in (/login.html) |
"Start Free" button in #5B4FE9 bg white text.

All linked pages must use the same design system: same colors, same font stack,
same nav bar, same footer, same max-width. The product is "Novu", AI meeting notes SaaS.
    

Generates a hacker-aesthetic terminal-style site with a black background, green phosphor text, ASCII-art banners, and command-prompt navigation. Feels like a 1980s BBS or a Unix shell. Great for personal hacker pages, CTF writeups, or underground zines.

Homepage for "0x1AF" — a fictional hacker/security researcher's personal terminal
site. The site presents itself as if you've just SSH'd into a Unix machine. All
content is delivered as if typed into a terminal.

DESIGN — authentic terminal/BBS aesthetic:
- Background: #000000. Text: #00ff41 (classic green phosphor). 
- Font: "Courier New", Courier, monospace — ALL text on the entire page, no exceptions.
- Font size: 14px. Line-height 1.4. No rounded corners anywhere.
- Absolutely NO images, gradients, shadows, or colors other than #000000, #00ff41,
  and #003300 (for dimmer/secondary text). Links: #00ff41 underline, visited #33cc33.
- Cursor blink effect: after the last line of the prompt, show a blinking underscore
  using CSS animation (@keyframes blink).
- ASCII art header: a large banner made of ASCII characters spelling "0x1AF" or
  showing a skull/terminal glyph. Use full block art (at least 6 lines tall).
- Horizontal rules: replace with ASCII "═══════" or "---" lines.
- Every section starts with a fake shell prompt: "[root@0x1af ~]$"
- Page scrolls as if it's terminal output from top to bottom.
- No navigation bar — instead, show a "help" menu as ASCII output listing available
  "commands" which are links: about, projects, writeups, contact, gpg

CONTENT:
- ASCII banner (large, 6-8 lines) at top.
- System info block (fake uname -a output, uptime, IP, kernel version).
- "whoami" section: brief hacker bio — security researcher, CTF player, bug bounty
  hunter, working on kernel exploits and reverse engineering. Handle: 0x1AF.
- "ls projects/" section: list 5 fictional projects as fake directory listings
  with file sizes and dates, each a link to /projects/[name].html
- "cat recent_writeups.txt" section: 4 recent CTF writeup links with challenge names,
  event names, and short descriptions.
- "cat pgp.asc" section: a realistic-looking fake PGP public key block.
- Footer: ASCII box around "No cookies. No tracking. No JavaScript. Stay anonymous."

PAGES to link to (all must use exact same terminal design and aesthetic):
/ (home) | /about.html | /projects.html | /writeups.html | /contact.html |
/pgp.html | /projects/kernel-dbg.html | /projects/fuzz-engine.html

All linked pages MUST use the identical terminal design: black bg, green text,
Courier New font, ASCII art style, fake shell prompt aesthetic.
    

Generates a university department homepage with the institutional look and feel of a real academic department site: a banner with the university name and crest, faculty listings, news items, research group summaries, and a course list.

Homepage for the "Department of Computational Linguistics" at the fictional
"Westbrook University" — a research-focused university in the style of MIT, Stanford,
or CMU. Full institutional academic look.

DESIGN — standard university department website:
- Top banner: full-width, background #8B1A1A (Westbrook University crimson), white
  text. Left side: "Westbrook University" in 13px, then on next line "Department of
  Computational Linguistics" in bold 20px. Right side: WU logo placeholder (a simple
  circular crest using CSS border-radius or Unicode shield ⚜).
- Secondary nav bar: background #f5f0e8, border-bottom 2px solid #8B1A1A, font Arial
  12px, links in #8B1A1A. Links: Home | People | Research | Courses | Admissions | News | Contact
- Body font: Georgia, "Times New Roman", serif, 14px, color #222222.
- Sidebar (right, ~240px wide) + main content area, table-based or float-based layout.
- Section headers: bold, all-caps, 12px, color #8B1A1A, border-bottom 1px solid #cccccc.
- Links: #8B1A1A, underline on hover.
- Max-width 980px, centered.

HOMEPAGE CONTENT (main column):
- Welcome paragraph from the department chair (Prof. Elena Marchetti), 3 sentences.
- "Department News" — 4 recent items with dates (e.g., faculty award, new grant,
  PhD defense, upcoming colloquium) each as a short item with a "Read more" link.
- "Featured Research" — 2 highlighted projects: "Neural Pragmatics Lab" and
  "Multilingual Parsing Initiative" with 2-sentence descriptions.
- "Upcoming Events" — 3 talks/colloquia with dates, speaker names, titles, room numbers.

SIDEBAR CONTENT:
- Quick links: Courses, PhD Program, Faculty Directory, Seminar Series.
- "Spotlight" box: brief bio of one featured PhD student.
- Campus map link.
- Social media links (Twitter/X, ResearchGate).

LINKED PAGES (all same design, same university branding):
/ | /people.html | /research.html | /courses.html | /admissions.html |
/news.html | /contact.html | /phd-program.html | /seminars.html

Every linked page must use the same crimson banner, same nav bar, same font stack,
same sidebar layout, and identify as Westbrook University Department of Computational Linguistics.
    

Generates a warm, inviting food blog homepage with a large hero image, recipe cards in a responsive grid, category filters, and an "About the Author" sidebar. Uses a warm color palette and a humanistic font pairing.

Homepage for "Rosemary & Salt" — a personal food/recipe blog by "Jamie Okafor",
a home cook from New Orleans who specializes in Creole-Southern fusion, seasonal
vegetables, and weeknight dinners that feel special.

DESIGN — warm, inviting food blog:
- Color palette: background #FDFAF5 (warm cream), primary accent #C0392B (deep red),
  secondary #E8975A (warm orange), text #2C2C2C. Borders/dividers #E0D6C8.
- Fonts: body Georgia, serif, 15px. Headings: "Playfair Display", Georgia, serif
  (since we can't load Google Fonts, just use Georgia). Navigation: Arial, sans-serif.
- Max-width 1050px, centered. Side padding 20px.
- Top nav: white bar with logo "Rosemary & Salt" in cursive-style large text (#C0392B,
  italic, 26px Georgia), centered. Below logo: nav links in Arial 13px, centered,
  spaced: Recipes | Weeknight | Seasonal | Southern | Creole | About | Contact
  Links to: /recipes.html | /weeknight.html | /seasonal.html | /southern.html |
  /creole.html | /about.html | /contact.html
- Hero image: a full-width colored banner (#E8975A background, white text) with a
  featured recipe headline, subheading, and "Get the Recipe →" link.
- Recipe card grid: 3-column layout. Each card has: a colored placeholder rectangle
  (150px tall, use CSS background with warm food colors), recipe title in bold Georgia,
  3-word description, cook time, difficulty badge, and "Read More" link.
  Show at least 6 recipe cards.
- Sidebar (right, 260px): About Jamie (small bio, 3 sentences), Newsletter signup
  (fake form, just HTML), "Popular Recipes" list of 5 links, "By Category" list.
- Each recipe links to /recipe/[slug].html

RECIPES to include on homepage:
1. Shrimp & Andouille Étouffée — rich, spicy, deeply satisfying. 45 min, Medium.
2. Skillet Cornbread with Honey Butter — weeknight staple. 25 min, Easy.
3. Collard Greens with Smoked Turkey — slow-cooked Southern comfort. 1.5 hr, Easy.
4. Roasted Beet & Goat Cheese Salad — bright and seasonal. 30 min, Easy.
5. Creole Mustard Roasted Chicken — weeknight showstopper. 1 hr, Medium.
6. Peach Bread Pudding with Bourbon Sauce — New Orleans dessert classic. 1 hr, Medium.

Footer: "© 2025 Rosemary & Salt · Made with love in New Orleans" — centered, small.
All linked pages must use the same warm color palette, same Georgia/Arial fonts,
same nav bar, same footer, and identify as the "Rosemary & Salt" blog by Jamie Okafor.
    

Generates a MediaWiki-styled encyclopedia for a fictional fantasy world. Mimics the Wikipedia/Wikimedia look with article categories, an infobox, stub notices, edit links (non-functional), and detailed lore content.

Main page of "The Loreforge Wiki" — a fan-run MediaWiki-style encyclopedia for
the fictional fantasy world of "Aethermoor", a dark-fantasy setting inspired by
the Forgotten Realms, Warhammer Fantasy, and A Song of Ice and Fire.

WORLD LORE SUMMARY (embed throughout all pages for consistency):
Aethermoor is a continent of perpetual twilight, sundered by the Shattering (a
cataclysmic magical war 800 years ago). Major factions: The Ashen Throne (undead
empire), The Verdant Conclave (druidic republic), The Iron Syndicate (mercantile
city-states), and the Wandering Clans. Magic is called "Weave-threading"; overuse
causes a condition called the Fade. Currency: Crowns, Marks, Dust.

DESIGN — MediaWiki / Wikipedia clone:
- Background: #f8f9fa (light grey outer), #ffffff (article area). Text #202122.
- Font: Linux Libertine, Georgia, serif for article text. Sans-serif for UI chrome.
- Font size: 14px body, 13px for UI elements.
- Left sidebar: ~190px, background #f8f9fa, border-right 1px solid #a2a9b1.
  Contains: site logo ("The Loreforge Wiki" text + a small ⚗ glyph), Navigation
  section, Toolbox section, exactly like Wikipedia.
- Article area: left-margin ~200px, padding 20px. Max content width 960px total.
- Top: article title in H1 (28px, normal weight, border-bottom 1px solid #a2a9b1),
  followed by the "tabs" bar (Article | Discussion | Read | Edit | View History)
  as a horizontal list, each a non-functional link/span.
- Infoboxes: float right, max-width 250px, background #eaecf0, border 1px solid
  #a2a9b1, font-size 13px, cell padding 4px, header row in #cee0f2 bold.
- Category links at bottom of each article in small text.
- Navbox at bottom: collapsible-style (CSS only) table with links to related articles.

MAIN PAGE CONTENT:
- "Welcome to The Loreforge Wiki" header.
- "Featured Article" section: 3-paragraph summary of "The Shattering" event.
- "Did You Know?" box: 4 bullet facts about Aethermoor.
- "Recently Updated Articles" list: 8 links.
- "Major Topics" grid: 6 boxes (Geography, Factions, Magic, History, Bestiary, People).

NAV PAGES:
/ | /wiki/the-shattering.html | /wiki/ashen-throne.html | /wiki/verdant-conclave.html |
/wiki/iron-syndicate.html | /wiki/weave-threading.html | /wiki/aethermoor-geography.html |
/wiki/bestiary.html | /wiki/notable-figures.html | /wiki/fade-condition.html

All pages must use exact MediaWiki visual style, same sidebar, same tab bar, same
infobox style, and maintain ALL Aethermoor lore details consistently.
    

Generates a clean, well-structured product changelog in the style of Keep a Changelog. Uses semantic version badges, categorized change entries (Added, Changed, Fixed, Deprecated, Removed), and a minimal high-contrast design.

Changelog page for "Prism" — a fictional open-source syntax highlighting library
for the Rust ecosystem. The changelog follows keepachangelog.com conventions and
semantic versioning (semver.org).

DESIGN — clean, minimal changelog page:
- Background: #ffffff. Text: #24292f. Font: -apple-system, BlinkMacSystemFont,
  "Segoe UI", Helvetica, Arial, sans-serif, 14px.
- Max-width 760px, centered, 24px side padding.
- H1: "Changelog" in 32px normal weight. Subtitle: "All notable changes to Prism
  are documented here. Format based on Keep a Changelog."
- Each release is an H2: version number + date, e.g. "## [1.5.0] – 2025-03-01"
  with a bottom border 1px solid #d0d7de.
- Version number is a link (#0969da) to a fictional GitHub releases URL.
- Change type labels (Added, Changed, Fixed, Deprecated, Removed, Security) as
  inline badges: small, rounded (border-radius 4px), bold, 11px, padding 2px 7px.
  Color coding: Added #2da44e bg white text; Changed #0969da bg white text;
  Fixed #8250df bg white text; Deprecated #9a6700 bg white text;
  Removed #cf222e bg white text; Security #cf222e bg white text.
- Each category has a bullet list of changes under it, 13px, line-height 1.6.
- "Unreleased" section at top for upcoming changes.
- Anchor links: each version H2 has an id so you can link to #v1-5-0 etc.

RELEASES TO INCLUDE (detailed, realistic changelog entries):
- [Unreleased]: 2 upcoming features
- [1.5.0] 2025-03-01: 3 Added, 2 Changed, 4 Fixed
- [1.4.2] 2025-01-18: 1 Security, 3 Fixed
- [1.4.0] 2024-11-05: 4 Added, 2 Changed, 1 Deprecated, 2 Fixed
- [1.3.1] 2024-09-12: 5 Fixed
- [1.3.0] 2024-08-01: 3 Added, 1 Changed, 2 Fixed, 1 Removed
- [1.2.0] 2024-05-15: 2 Added, 3 Fixed
- [1.0.0] 2024-01-01: Initial stable release, list 5 initial features

NAV: simple links at top: Home (/) | Docs (/docs.html) | Changelog (/changelog.html) |
GitHub (https://github.com/example/prism) | Crate (https://crates.io)

Populate all change entries with realistic, specific Rust/syntax-highlighting details
(e.g., "Added support for TOML 1.1 spec", "Fixed panic on empty input slice",
"Deprecated highlight_str() in favor of highlight()"). Keep consistent naming.
All linked pages use same clean minimal design.
    

Generates a tasteful developer/designer personal portfolio with a hero intro, selected works grid, skills section, timeline, and contact form. Uses a sophisticated dark-mode design with accent color highlights.

Personal portfolio homepage for "Mara Voss" — a freelance full-stack developer
and UI designer based in Berlin, Germany. Specializes in React, Rust, and
typographically rigorous web design. Available for freelance work.

DESIGN — sophisticated dark-mode developer portfolio:
- Color palette: background #0F0F0F, surface #1A1A1A, surface-raised #242424.
  Primary accent #E8FF57 (electric lime/yellow). Text #F0F0F0, secondary #999999.
  Borders #333333.
- Font: system-ui, -apple-system, "Segoe UI", sans-serif. Body 15px, line-height 1.65.
  Headings: bold, wide letter-spacing on H1/H2 (letter-spacing: -0.02em on large,
  0.1em uppercase on labels).
- Max-width 1020px, centered. NO outer container on hero (full-width dark bg).
- No external fonts, no images (use CSS shapes and colored divs as placeholders).
- All interactive states (hover) use CSS transitions, no JavaScript.

SECTIONS:
1. HERO: Full-viewport-height or tall section. Large name "Mara Voss" (~60px),
   subtitle "Full-Stack Dev & UI Designer. Berlin." in #E8FF57. Brief 2-line bio.
   Two buttons: "View Work" (solid #E8FF57 black text) and "Get in Touch" (outlined).
   A decorative large "MV" monogram in the background at ~25% opacity.

2. SELECTED WORK (3 projects, card grid):
   - "Kasse" — open-source POS system in Rust/WebAssembly. Stack: Rust, WASM, React.
   - "Typeset" — a browser-based variable font playground. Stack: TypeScript, CSS Houdini.
   - "NachtZug" — real-time European train tracker. Stack: React, Rust backend, MapLibre.
   Each card: dark surface, project title in #E8FF57, 2-sentence description, tech tags,
   links to /projects/kasse.html etc.

3. ABOUT: Two-column layout. Left: 3-paragraph bio (German background, self-taught,
   open-source contributor, conference speaker). Right: skills list in two columns
   with proficiency bars (CSS only, no JS) — Rust, React, TypeScript, PostgreSQL,
   Figma, Docker, WebAssembly, Go.

4. EXPERIENCE TIMELINE: 4 entries in a vertical timeline (CSS border-left line,
   dot markers in #E8FF57): Freelance (2022–present), Senior Dev at "Aufbau GmbH"
   (2020–2022), Frontend at "Spielraum Studio" (2018–2020), BSc CS at TU Berlin (2015–2018).

5. CONTACT: Simple HTML form (name, email, message, send button) styled dark.
   Below: email link, GitHub link, Mastodon link.

NAV: Fixed top bar, #0F0F0F bg, thin border-bottom #333333. Logo "mv" in #E8FF57
monospace bold left. Right links: Work (/work.html) | About (/about.html) |
Blog (/blog.html) | Contact (/contact.html) — in 13px, color #999999, hover #F0F0F0.

LINKED PAGES: / | /work.html | /about.html | /blog.html | /contact.html |
/projects/kasse.html | /projects/typeset.html | /projects/nachtzug.html

All linked pages must use the exact same dark color palette, same accent #E8FF57,
same font stack, same nav bar, and identify as Mara Voss's portfolio site.