LT Bespace is a coworking space theme for Elementor (free): a home page that opens with the seat map of the floor, every hot desk, fixed desk, studio, phone booth and meeting room drawn in walking order with what is taken and what is free, membership plans with access hours and prices, what every plan includes, meeting rooms by the hour, members' events, questions, a street map and a trial-day form. Pages for the building, amenities, community, day passes, desks, private studios, meeting rooms and the event space. A Hello Elementor child theme with bundled fonts, one-page mode and a mobile menu.
Editions
| Edition | Price | What you get |
|---|---|---|
| Free | $0 | The child theme with its design, fonts, header and footer, the Building and Visit pages, blog and 404 templates, one-page mode and the mobile menu. Credit link stays. |
| Pro Standard | $29 a year | Every page, sample posts and one-click demo import, credit removal. Downloads, updates and ticket support for 1 year, 1 website. |
| Pro Unlimited | $49 once | Everything in Pro Standard plus the AI kit. Unlimited websites, lifetime updates and ticket support. |
Pages in Free (Appearance → Starter setup): The building, Visit, Notice board. Pages in Pro (Appearance → Demo import): Home, The building, Amenities, Community, Memberships, Day pass, Hot and fixed desks, Private studios, Studio for 2, Studio for 4, Studio for 6, Meeting rooms, Event space, Visit, Notice board.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Bespace (Install and update).
- Optional: activate WPForms Lite for the book a trial day or a tour form.
- Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → Starter setup.
- Replace the demo content and pictures (below), set your logo and the header button.
Pages in the demo
| Page | Under | Edition |
|---|---|---|
| Home | – | Pro |
| The building | – | Free |
| Amenities | The building | Pro |
| Community | The building | Pro |
| Memberships | – | Pro |
| Day pass | Memberships | Pro |
| Hot and fixed desks | Memberships | Pro |
| Private studios | Memberships | Pro |
| Studio for 2 | Private studios | Pro |
| Studio for 4 | Private studios | Pro |
| Studio for 6 | Private studios | Pro |
| Meeting rooms | – | Pro |
| Event space | Meeting rooms | Pro |
| Visit | – | Free |
| Notice board (blog) | – | Free |
Home page sections
The home page sections, in order, with the name they have in Elementor’s Navigator and their CSS ID (the anchor used by one-page mode and by links such as /#floor).
| Section (Navigator name) | CSS ID |
|---|---|
| The floor | #floor |
| Plans | #plans |
| What is included | #included |
| Meeting rooms | #rooms |
| Community | #community |
| Members' notes | #members |
| Questions | #questions |
| Notice board | #notices |
| Getting here | #visit |
| Call to action | #try |
- The seat map of your floor: The home page opens with the floor drawn from above in walking order: hot desks, fixed desks by number, studios, booths and meeting rooms, with what is taken and what is free next month.
- Plans with access hours: Day pass, ten-day card, hot desk, fixed desk and private studio rows, each with its seat shape, who it suits, the hours it opens the door and the price.
- Meeting rooms and events: Rooms by the hour with seats, kit and prices, an event space page and a members' events list.
- Studios and desks pages: A desks page with the bench and desk zones of the map, and a private studios branch with a page per studio size.
- Free Elementor and a trial-day form: Every page is built with free Elementor widgets on Hello Elementor, with a 'Book a trial day or a tour' form made with the free WPForms Lite plugin. Fonts are bundled: no Google Fonts requests.
Menu
The demo import creates this main menu (Appearance → Menus):
- Home
- The building → Amenities, Community
- Memberships → Day pass, Hot and fixed desks, Private studios (Studio for 2, Studio for 4, Studio for 6)
- Meeting rooms → Event space
- Notice board
- Visit
Header button: Book a trial day (link /visit/#trial), changed in Appearance → Customize → LT Bespace options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Bespace options and the menu scrolls to these sections: The floor, Plans, What is included, Meeting rooms, Community, Members' notes, Questions, Notice board, Getting here, Call to action. To change the labels or leave sections out, see One-page mode.
Used the old LT Bespace onepage WordPress theme? It is not sold any more: version 2.0 is one theme for both. Install its Pro edition and turn on one-page mode.
Colours and fonts
Change them in Elementor Site Settings → Global Colors and Global Fonts; the whole site follows.
| Name in Global Colors | Value |
|---|---|
| Felt green (buttons, links, taken seats) | #2B5547 |
| Concrete (soft text) | #555C57 |
| Rope tar (text, walls on the map) | #1E2320 |
| Desk-tag orange (free-from-1-November ring only) | #C8501A |
| Lime-wash (page) | #F2F3EF |
| Birch ply (tinted sections, map floor) | #E6E0D2 |
| Hairlines | #CDCFC6 |
| Felt at night (dark bands) | #1C3A30 |
| Text on dark | #F2F3EF |
| Soft text on dark | #B9CCC2 |
| Button hover | #1C3A30 |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, zone names, prices) | Red Rose |
| Interface (menu, labels) | Gothic A1 |
| Body text | Gothic A1 |
| Buttons | Gothic A1 |
Form
With WPForms Lite active, the demo import creates the form Book a trial day or a tour on the Visit page. Fields: Your name (required), Email (required), What are you looking for (required), How many people, Days that suit you for a trial, Company or project (optional), Anything we should know. Email subject: “Trial day or tour request from the website”. After sending, visitors see: “Thank you. The front desk replies by email within one working day with a date for your trial day or tour.”
See Contact form for where messages go and how to change the fields.
Demo content to replace
Everything marked with one of these in the demo is sample content: names, numbers, prices and addresses that you replace with your own (or delete):
(sample)Example pricesexample.com(555)The RopewalkRopewalk LaneSpringfield
- Keep seat shapes tied to their plans (round hot desk, square fixed desk, box studio) and change fill only when a seat is taken or freed.
- Use desk-tag orange only for the free-from ring on the seat map; never for text or buttons.
- Keep zone names the same on the seat map, the plan rows and the room pages.
Only publish facts that are true for your business: real prices, opening hours, reviews and qualifications. Pro Unlimited’s launch checker lists every sample marker left on the site.
Photo guide
The demo uses placeholder pictures. Replace each one in Elementor (click it → Choose image) with a photo of about this size; save photos as JPEG or WebP under about 300 KB.
| Picture | Upload size |
|---|---|
| A long wooden bench of shared desks with laptops, chairs and monitors in a bright coworking room | 1600 × 1068 px |
| A woman working on a laptop at a desk among plants and shelves | 1600 × 1067 px |
| A meeting room with a long wooden table, black chairs and a window with blinds | 1600 × 1072 px |
| Two members talking at the counter of a shared kitchen with round tables | 1600 × 1053 px |
| People taking calls in small glass-fronted phone booths along an office wall | 1600 × 963 px |
| Members listening to a short talk in a meeting room, seen from the back of the room | 1600 × 1068 px |
| The long brick facade of an old industrial building with rows of tall windows | 1600 × 1067 px |
| A bright open office with desks under large factory windows | 1600 × 1200 px |
| A brick corridor under a glass skylight, with plants along the walls | 1600 × 1067 px |
| Hands typing on laptops at a shared desk | 1600 × 1067 px |
| A person in silhouette working on a laptop by a large window | 1600 × 1067 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Bespace is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-seatmap | the seat map: a grid of lt-zone boxes in walking order (column sizes = metres), lt-seatmap__ends and lt-seatmap__caption below |
lt-zone | one zone of the floor: name (lt-zone__name), length (lt-zone__len), seats (lt-zone__seats), summary (lt-zone__sum); add is-room for a zone with walls and a door (solid edge) |
lt-seat | one seat inside a text widget: lt-seat–hot (round), lt-seat–fixed (square, desk number), lt-seat–studio (box, team size), lt-seat–booth, lt-seat–table (meeting table); add is-taken (filled) or is-soon (orange ring: free from 1 November) |
lt-studios | the private studios drawn as walled boxes, column sizes = floor area; each box lt-studio |
lt-plan | one membership row: seat symbol (lt-plan__seat), name and who it suits, access hours, price, action |
lt-room | one meeting room row: name, table symbol, kit, prices |
lt-event | one members' event row (date, title and text, time) |
lt-zone-rule | a house-rule row for one zone (talk, low talk, silent) |
lt-note-card | a sample member note (quote) with a felt-green top rule |
lt-panel | side panel with a felt-green top rule |
lt-steps | ordered steps (a real sequence) |
lt-pagehead | inner page heading band |
lt-desk | one contact desk block |
lt-price | price or fact row (label + value) |
lt-map | the street map drawing (images/map.svg) |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Bespace
Do I need Elementor Pro?
No. LT Bespace uses only the free Elementor plugin and the free Hello Elementor theme. The header and footer are part of the theme, so you do not need Theme Builder.
How do I show which desks are free?
Each seat on the map is a small piece of text with a class: change is-taken to is-soon or remove it when a desk frees up, in the Elementor text editor or with the AI kit's safe edit tool.
Can members book desks or rooms on the site?
The theme has no booking system. The buttons lead to the trial-day form or your phone number, and you can point them at your booking tool instead.
Will my site look like the demo?
Yes, with Pro: Appearance > Demo import creates every page, the colours, fonts, menu, header and footer. The demo photos are replaced by placeholders you swap for your own.
What is the difference between Free and Pro?
Free has the design, header and footer, the Building and Visit pages and the blog. Pro adds the home page with the seat map, the memberships, desks, studios and meeting room pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Bespace. Is this an update?
It is a new version 2.0 with a new design, built for free Elementor. Your current site keeps working; install 2.0 on a new site or a staging copy and import the demo there.
Also for Joomla
LT Bespace also exists as a Joomla template: see the LT Bespace Joomla docs.
Ask AI about LT Bespace
Ask in your own words. The assistant answers from these docs and links the sections it used.
AI answers can be wrong; check the linked section. Never share passwords or licence keys. Open a ticket