Pular para o conteúdo
Voltar ao catálogo
158 seções · React 19 + Vite + framer-motionNo plano US$ 40/mêsUS$ 39
Nº 15
O SITE RODANDO · 10 S · GRAVAÇÃO DA PRÉVIA, SEM SOM

Índice de seções

01Hero + canvas
02Features
03Scale
04Code
05Metrics
06Updates
07Pricing
08Closing

Primeiras linhas do prompt · 1.500 de 151.325 caracteres

---
Site: PLINTH (plinth.example.com), a fictional AI layout tool for designers (self-typing brief driving a canvas of blocks, collaborator cursor, striped metric bars, compare slider, plan cards). 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: Instrument Sans and Geist Mono, both 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.
---

# PLINTH — AI layout tool landing, a canvas that builds a page from a typed brief

**What it is.** The landing page of Plinth, a fictional AI layout tool for designers: you type a brief, it proposes a page layout as real blocks you can push around, keeps your type scale and grid, and exports clean code. Single page, English. Brand, figures, plans, updates and quotes are fictional; the footer says so.

**Why it exists as a product.** Sold as a prompt whose selling point is motion. The signature is **the layout that builds itself**: a prompt field types 

O prompt completo aparece depois de copiar. São 151.325 caracteres, sem resumo.