Green River Postcard Studio
# Green River — Postcard Studio
- **ID:** `green-river-postcard-studio`
- **Category:** Interactive postcard maker
- **Type:** creative-tool
- **Profile:** `playful`
---
Build a single-page interactive postcard maker for "Green River Studio" — a playful tool that lets visitors crop one Vietnamese river photograph, choose a paper treatment, write 180 characters, and export a print-ready preview locally. Use React + Vite + Tailwind CSS + TypeScript + lucide-react. Default Tailwind config, no other UI libraries.
SELECTED PEXELS MEDIA
- Source: [Lush Vietnamese river landscape](https://www.pexels.com/photo/serene-river-landscape-in-vietnam-s-lush-greenery-36578782/) by Jolenne 87.
- Download to `/media/vietnam/pexels-36578782.jpg`; use `<img src="/media/vietnam/pexels-36578782.jpg" alt="A calm river reflecting dense green tropical vegetation in Vietnam">`.
- Default crop 3:2 `object-cover object-[50%_52%]`; offer only three preset focal positions Left bank / Center reflection / Right canopy—no freeform drag library.
FONTS
- Display: Bricolage Grotesque 700; body: DM Sans 400/500/700; stamp text: Space Mono 700.
COLORS
- `--desk:#FFF3D9 --ink:#1E2935 --pink:#FF668A --blue:#3E8BFF --green:#38A169 --yellow:#F6C945`; roles: action / selection / success / stamps.
GLOBAL CSSwhen to use it
Community prompt sourced from the open-source GitHub repo olbboy/motion-site-builder (MIT). A "Green River Postcard Studio" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.
tags
image-gencommunitygeneral
source
olbboy/motion-site-builder · MIT