Skip to content
Back to the catalogue
279 sections · React 19 + Vite + framer-motionIn plan $40/mo$39
No. 27
THE SITE RUNNING · 12 S · PREVIEW RECORDING, NO SOUND

Section index

01Hero
02The field year
03What it reads
04The year at a glance
05Where the cheque goes
06This month
07Ask it
08Farms on Grain
09Plans

First lines of the prompt · 1,500 of 128,907 characters

---
Site: GRAIN (grain.example.com), a fictional cash-flow app for small farms (Ken Burns hero with a month rail, scrubbed field-year stage with a growing field and monthly bars, connector board, overview panel, glow cards, categorization tree, tilt story card, rotating queries). Single page, English.
Media: 4 photographs generated for this prompt at 2K (Higgsfield Soul 2.0 (soul_2)); all vector art is drawn in SVG/CSS inside the code. No video.
Fonts: Fraunces, Source Sans 3 and Courier Prime, all from Google Fonts.
Compatible with: Claude, Cursor, Lovable, v0 (React 19 + TypeScript + Vite + Framer Motion 12, plain CSS).
Demo identity: brand, prices, figures, studios and any data are illustrative. Keep the concept-site line in the footer. Contacts use example.com; no form sends anything: submissions only become a local draft on screen. Keep the header comments of the components and the licences of the dependencies.
Text: all visible copy lives in src/content.ts; to translate, change only that file and index.html.
---

# GRAIN — cash-flow app for small farms, a field year scrubbed by scroll

**What it is.** The landing page of Grain, a fictional cash-flow app for small farms: it reads the bank feed and the sales at the gate, spreads the year's money across the seasons, and tells the farmer in March what December looks like. Single page, English. Brand, farms, figures and quotes are fictional; nothing here is financial advice; the footer says so.

**Why it exists as a product.

The full prompt appears after you copy. 128,907 characters, nothing summarized.