Landing pages · React
Design conference
Bold two-day design conference page with speakers, programme, venue, ticket tiers and an FAQ, ready for ticket sales.
What you get
A ticketing page for a two-day design conference: an editorial hero, event numbers, eight speakers, the programme for both days, the venue, three ticket tiers, an FAQ and a closing call to action. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = { "brand": "Gridline 2027", "nav": [ { "label": "Speakers", "href": "#speakers" }, { "label": "Programme", "href": "#programme" }, { "label": "Venue", "href": "#venue" } ], "navCta": { "label": "Get tickets", "href": "#tickets" }, "sections": [ { "kind": "hero", "variant": "editorial", "eyebrow": "Lisbon · 13–14 May 2027 · Fourth edition", "title": "Two days on type, systems and the craft of interfaces.", "text": "Gridline is a single-track conference for product and visual designers. 24 talks, six workshops, no sponsor keynotes, and long lunches by the river.", "primary": { "label": "Get tickets", "href": "#tickets" }, "secondary": { "label": "See the programme", "href": "#programme" }, "visual": { "type": "tiles", "tones": [ "#b91c1c", "#27272a", "#78716c", "#18181b" ], "caption": "Gridline 2026, main hall" } }, { "kind": "stats", "items": [ { "value": "2 days", "label": "Single track" }, { "value": "24", "label": "Talks" }, { "value": "6", "label": "Hands-on workshops" }, { "value": "650", "label": "Attendees, capped" } ] }, { "kind": "team", "id": "speakers", "eyebrow": "Speakers", "title": "Who's on stage", "items": [ { "name": "Inês Carvalho", "role": "Type designer, Lisbon", "tone": "#b91c1c" }, { "name": "Marcus Webb", "role": "Design systems lead, fintech", "tone": "#27272a" }, { "name": "Yuki Tanaka", "role": "Interaction designer", "tone": "#57534e" }, { "name": "Adaeze Obi", "role": "Head of design, public sector", "tone": "#3f3f46" }, { "name": "Lars Nyholm", "role": "Information designer", "tone": "#44403c" }, { "name": "Sofia Ruiz", "role": "Accessibility researcher", "tone": "#7f1d1d" }, { "name": "Daniel Ko", "role": "Motion designer", "tone": "#292524" }, { "name": "Hanna Berg", "role": "Brand and editorial designer", "tone": "#52525b" } ] }, { "kind": "timeline", "id": "programme", "eyebrow": "Programme", "title": "Highlights from both days", "items": [ { "period": "Thu 13 May · 09:30", "title": "Opening: drawing letters that last", "text": "Inês Carvalho on twelve years of designing a typeface for street signs." }, { "period": "Thu 13 May · 14:00", "title": "Design systems after version 3", "text": "Marcus Webb on deprecation, governance and saying no to new components." }, { "period": "Thu 13 May · 16:30", "title": "Workshops, round one", "text": "Three 90-minute sessions: variable fonts, tokens in practice, prototyping motion." }, { "period": "Fri 14 May · 10:00", "title": "Accessible by default", "text": "Sofia Ruiz shares findings from 200 hours of testing with screen reader users." }, { "period": "Fri 14 May · 17:00", "title": "Closing talk and river party", "text": "Hanna Berg on editorial design, then drinks on the terrace until late." } ] }, { "kind": "split", "id": "venue", "eyebrow": "Venue", "title": "A former tram depot on the river", "text": "Gridline takes over a restored 1920s tram depot in Belém, ten minutes from the centre by tram. One hall, one stage, and a terrace for lunch.", "bullets": [ "Step-free access throughout", "Live captions on every talk", "Quiet room and nursing room on site", "Hotel rates at three partner hotels nearby" ], "visual": { "type": "card", "tone": "#18181b", "title": "Getting there", "lines": [ "Tram 15 from Praça da Figueira", "20 minutes from the airport by taxi", "Bike parking for 120" ] } }, { "kind": "pricing", "id": "tickets", "eyebrow": "Tickets", "title": "Two days, lunch included", "text": "Prices include VAT. Workshops are booked separately once you have a ticket.", "plans": [ { "name": "Early bird", "price": "€390", "text": "Until 31 January 2027 or the first 150 tickets.", "features": [ "Both days", "Lunch and coffee", "Talk recordings" ], "cta": { "label": "Buy early bird", "href": "#contact" } }, { "name": "Standard", "price": "€520", "text": "The full conference.", "features": [ "Both days", "Lunch and coffee", "Talk recordings", "Closing river party" ], "featured": true, "cta": { "label": "Buy standard", "href": "#contact" } }, { "name": "Team of five", "price": "€2,200", "text": "Five transferable tickets.", "features": [ "Everything in standard", "One invoice", "Names changeable until 1 May" ], "cta": { "label": "Buy for a team", "href": "#contact" } } ] }, { "kind": "faq", "id": "faq", "eyebrow": "FAQ", "title": "Before you book", "items": [ { "q": "Is there a student or concession rate?", "a": "Yes. 60 tickets at €150 are held for students, the unemployed and people working in non-profits. Email us for a code." }, { "q": "Can I get a refund?", "a": "Tickets are refundable until 1 March 2027 and transferable at any time." }, { "q": "Will talks be recorded?", "a": "Every talk is recorded and sent to ticket holders within two weeks. Workshops are not recorded." }, { "q": "What language are the talks in?", "a": "English, with live captions in English and Portuguese." } ] }, { "kind": "cta", "title": "650 seats. Last year sold out in March.", "text": "Early bird pricing ends on 31 January 2027.", "primary": { "label": "Get tickets", "href": "#tickets" }, "secondary": { "label": "See who's speaking", "href": "#speakers" } }, { "kind": "contact", "id": "contact", "eyebrow": "Book", "title": "Book tickets or ask the team", "text": "Tell us how many tickets and which tier. We'll reply with a booking link within one working day. Invoices available for companies.", "fields": [ "name", "email", "company", "message" ], "button": "Send booking request" } ], "footer": { "text": "A single-track conference for product and visual designers.", "columns": [ { "title": "Conference", "links": [ "Speakers", "Programme", "Workshops" ] }, { "title": "Attend", "links": [ "Tickets", "Venue", "Code of conduct" ] }, { "title": "Contact", "links": [ "hello@gridline.design" ] } ], "legal": "© Gridline. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Design conference's files. The box is already started for you: finish “Start from Design conference and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Budgeting app launch
Launch page for a household budgeting app with a live budget mock, pricing, beta reviews and an early-access form.
30-day running plan
Friendly sign-up page for a free 30-day plan that takes beginners from walking to running 20 minutes without stopping.
Browser extension
Clean install page for a tab-management browser extension with features, privacy promise, free and Pro plans, and an FAQ.
Build on Design conference
Create a free account, start from this template, and ask the AI agent to turn it into your app.