Build recipe · Web app

Vela Studio — a Sydney studio that takes bookings

A timetable of twelve classes with instructors, times, levels and spots left, filterable by difficulty, with a class page and a booking flow behind it. Here is exactly what we typed and tuned to get there.

Type · Web appTone · Fun
The one line you typed
Create a class booking app for Vela Studio, a boutique yoga and fitness studio in Sydney, with a schedule of classes showing the instructor, time, level and spots left, a class detail page and a booking confirmation

Follow these steps in the Beetler builder to reproduce this exact app. Button and chip names are written the way they appear on screen.

  1. Pick the build type.
    On the home screen, under “What are you building?”, click the Web app chip.
    The Type chips on the Beetler home screen: Web app, Slide deck, Interactive page, Infographic.
  2. Paste the one-line prompt.
    Name the fields you want to see on the card — instructor, time, level and spots left. Those four words are what turn a generic list into a timetable; leave them out and you get titles and prices.
  3. Choose a tone.
    Under “App personality”, click Fun. Soft radii, generous spacing and a warm, informal voice — the copy that comes back reads “Drop in. Flow hard. Repeat.” rather than “Browse our class offering”.
    The Tone chips: Business, Fun, Hobby, Minimal, Luxury, Editorial, Creative.
  4. Click Build It — then ask for the custom build.
    Beetler spots that the prompt fits its stock Fitness Class Booking template and builds that instantly, for free. It is a fine app, but it is the same app everybody else gets. In the chat line that says “Matched Fitness Class Booking…”, click Use AI instead and the pipeline re-runs your actual sentence — about 50 seconds and 15 credits.
    The blue Build It button.
  5. Watch it lay out the studio.
    You get four pages — Classes, Class Details, Booking Form and Booking Confirmed — plus a search box and a Difficulty level filter it inferred from the word “level” in the prompt.
  6. Fill the timetable.
    Click Data then Generate Data. Beetler found three entities; set Studio to 3, Instructor to 5 and Class to 12, leave Image source on Auto (stock photos), and add three assertions:
    Classes cover vinyasa yoga, reformer pilates, HIIT, barre and strength, scheduled between 6am and 8pm across the week
    Descriptions are written in English and start with the class type, for example: Vinyasa yoga class in a warm studio
    Studios are in real Sydney suburbs (Surry Hills, Bondi, Newtown) and instructors have Australian names with a one-line bio
    That second assertion is doing real work: Beetler builds each photo search out of the opening words of the description, so “Vinyasa yoga class…” finds a yoga studio and “Our vibrant Newtown space…” finds nothing at all. Click Generate, then Accept & Save.
  7. Rebuild so the pages pick up the photos.
    Open My Apps, click Rebuild on Vela Studio and choose Just Rebuild. The pages regenerate against the timetable you just saved and the hero becomes a real class photograph.
  8. Check the palette and type — you do not pick them.
    The Fun tone plus the fitness domain resolve to a design spec, and the compiler reads it: a plum header, a vivid magenta primary with a rose accent a full 60° away — the loud complement an energetic brand wants, where the Luxury tone would have pulled the accent in close — and Oswald over Inter. Nothing here was hand-chosen. The chat box still takes /style … if you want to override, but you are then off the spec.
  9. Set currency & region.
    Click Locale and set currency to AUD (A$), date format to UK / Europe (DD/MM/YYYY) and timezone to Sydney (AEST). Class times now read in the studio’s own timezone rather than UTC.
  10. Publish or export.
    Open My Apps and click Publish for a shareable link with a QR code, or Source to take the standalone React project away as a zip.
The finished app
The finished Vela Studio timetable: a photographic hero reading Classes over a full-width filter band, and class cards with real studio photography, difficulty pills, instructors and times.
The live app at /demo-app/…/velastudio — the timetable shell the fitness domain resolves to, Oswald headings and real class photography.