LT Architecture

On this page
  1. Editions
  2. Quick setup
  3. Pages in the demo
  4. Home page sections
  5. Menu
  6. One-page mode (Pro)
  7. Colours and fonts
  8. Form
  9. Demo content to replace
  10. Photo guide
  11. AI kit (Pro Unlimited)
  12. Questions about LT Architecture
  13. Also for Joomla

LT Architecture is a theme for residential architects and home builders that design a house and then build it, made for Elementor (free): a hero drawn as one house going up in eight stages with weeks and progress payments, homes on site shown at the stage they have reached, what the firm builds with prices per square metre, what the fixed price includes, the team and the stages each person leads, building checks, a site diary and a build enquiry form. A Hello Elementor child theme with bundled fonts, one-page mode and a mobile menu.

Editions

EditionPriceWhat you get
Free$0The child theme with its design, fonts, header and footer, the About and Contact pages, blog and 404 templates, one-page mode and the mobile menu. Credit link stays.
Pro Standard$29 a yearEvery page, sample posts and one-click demo import, credit removal. Downloads, updates and ticket support for 1 year, 1 website.
Pro Unlimited$49 onceEverything in Pro Standard plus the AI kit. Unlimited websites, lifetime updates and ticket support.

Pages in Free (Appearance → Starter setup): About, Contact, Site diary. Pages in Pro (Appearance → Demo import): Home, About, Team, How we check the work, Homes, New homes, Single storey, Two storey, Sloping blocks, Extensions, Knockdown and rebuild, Stages and payments, Projects, On site now, Completed homes, Contact, Site diary.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Architecture (Install and update).
  2. Optional: activate WPForms Lite for the build enquiry form.
  3. Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → Starter setup.
  4. Replace the demo content and pictures (below), set your logo and the header button.

Pages in the demo

PageUnderEdition
Home–Pro
About–Free
TeamAboutPro
How we check the workAboutPro
Homes–Pro
New homesHomesPro
Single storeyNew homesPro
Two storeyNew homesPro
Sloping blocksNew homesPro
ExtensionsHomesPro
Knockdown and rebuildHomesPro
Stages and paymentsHomesPro
Projects–Pro
On site nowProjectsPro
Completed homesProjectsPro
Contact–Free
Site diary (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 /#build).

Section (Navigator name)CSS ID
House going up#build
What we build#homes
Projects#projects
Fixed price#fixed-price
Team#team
Questions#questions
Site diary#diary
Site visit#visit
  • A hero that builds the house: The home page opens with one house drawn eight times, from an empty block to the keys, with the weeks and the progress payment of every stage.
  • Projects at their stage: Every home shows the drawing of the stage it has reached, the week it is in, and its place, size and build time; plus a board of homes on site this month.
  • What you build, and what it costs: Single storey, two storey, sloping blocks, extensions and knockdown rebuilds with example prices per m², build times and what the fixed price covers.
  • Team, checks and stages: The team with the stages each person leads, the checks that end every stage, and a page of stages and payments.
  • Free Elementor and a build enquiry form: Every page is built with free Elementor widgets on Hello Elementor, with a build enquiry form made with the free WPForms Lite plugin. Fonts are bundled: no Google Fonts requests.

The demo import creates this main menu (Appearance → Menus):

  • Home
  • About → Team, How we check the work
  • Homes → New homes (Single storey, Two storey, Sloping blocks), Extensions, Knockdown and rebuild, Stages and payments
  • Projects → On site now, Completed homes
  • Site diary
  • Contact

Header button: Book a site visit (link /contact/#enquiry), changed in Appearance → Customize → LT Architecture options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Architecture options and the menu scrolls to these sections: House going up, What we build, Projects, Fixed price, Team, Questions, Site diary, Site visit. To change the labels or leave sections out, see One-page mode.

Used the old LT Architecture 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 ColorsValue
Chalk-line blue (buttons, links)#1F4F6E
Slate (soft text, labels)#4C5A63
Ink (text and drawn lines)#172631
Pine (new at this stage; fills with an ink outline, marks on dark)#E9B23A
Fibre-cement (page)#F1F4F6
Concrete (tinted sections)#E2E7E6
Hairlines#C9D1D4
Site at night (dark bands)#142D3D
Text on dark#F1F4F6
Soft text on dark#AFC0CA
Button hover#163B53
Cards and the stage strip#FFFFFF
Name in Global FontsFont
Display (headings)Martel
Interface (menu, stage figures, labels)Changa
Body textMartel
ButtonsChanga

Form

With WPForms Lite active, the demo import creates the form Build enquiry on the Contact page. Fields: Your name (required), Email (required), Phone (optional), What you want to build (required), Your land, Address or suburb of the block, Rough budget for the build, Tell us about the home. Email subject: “Build enquiry from the website”. After sending, visitors see: “Thank you. A designer will call you within two working days to book a free site visit.”

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 prices
  • example.com
  • (555)
  • Hollowbrook Homes
  • Mason Row
  • Springfield
  • Fenwick Road
  • Ridge Lane
  • Use pine (the accent) only for what is new at a stage in the drawings and for marks on dark bands; never for text on a light ground.
  • Keep the eight stages in order and use the same stage names and numbers everywhere (hero strip, projects, payments, team).
  • Number only the stages; do not number projects, services or sections.

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.

PictureUpload size
Single-storey family home with a white garage door, a front porch and a new driveway1600 × 1200 px
Two-storey house with a double garage, white trim and a dark shingle roof1600 × 1200 px
Timber-framed house at lock-up stage with roof sheathing on and window openings cut1600 × 1200 px
Rear extension of a semi-detached house with block walls up, scaffolding and materials in the garden1600 × 1200 px
Two people going over printed house plans with a pencil on a work table1600 × 1200 px
An engineer walking across a finished concrete slab, checking it before the frame goes up1600 × 1200 px
A carpenter working on the timber frame of a house in the sun1600 × 1200 px
Bright new kitchen with white cupboards, a speckled worktop and a window over the sink1600 × 1200 px
Builders levelling fresh concrete along the edge of a slab1600 × 1000 px
Two-storey timber frame of a new house with sheathed walls under a blue sky1600 × 1000 px
Open-plan room at fixing stage with plastered walls, a radiator and tools on the floor1600 × 1000 px

AI kit (Pro Unlimited)

The AI kit’s AGENTS.md tells an assistant how LT Architecture is built. The CSS classes it relies on (keep them when you edit):

CSS classWhat it is
lt-herohome hero band: headline, lead and buttons over the stage strip
lt-stripthe stage strip: eight lt-step columns on one ground line (a real sequence, stage 1 to 8)
lt-stepone stage in the strip: drawing (lt-step__drawing), lt-step__no, lt-step__name, lt-step__weeks, lt-step__pay
lt-stage-marka project's current stage: the stage drawing (lt-stage-mark__drawing) with lt-stage-mark__label and lt-stage-mark__week
lt-projecta project card: photo, name, current stage, facts (lt-rows)
lt-typeone row of what the firm builds (name, what it is, price per m² and build time)
lt-stageone row of the stages and payments table (number, drawing, what happens, check, payment)
lt-featureone project told at length (photo, stage, facts, story)
lt-persona team member with the stage numbers they lead (lt-person__stages)
lt-pricefact or price row (label + value), inside lt-rows
lt-board__rowa row of the on-site board (stage drawing, project, stage, next step)
lt-pageheadinner page heading band
lt-deskcontact desk block
lt-ticks--nolist of things not included (minus marks instead of ticks)

See AI kit for the prompts, the safe edit tool and the launch checker.

Questions about LT Architecture

Do I need Elementor Pro?

No. LT Architecture 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.

Can I change the stages and the payments?

Yes. Stage names, weeks and payments are normal Elementor text, and each drawing is an Image widget you can swap for your own. Keep the same names on the projects and the payments page.

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.

Does it work as a one-page site?

Yes. Turn on one-page mode in the Customizer and the menu scrolls to the home page sections; every edition includes it.

What is the difference between Free and Pro?

Free has the design, header and footer, the About and Contact pages and the blog. Pro adds the home page, the Homes and Projects pages with their sub-pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.

I have the old LT Architecture. 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 Architecture also exists as a Joomla template: see the LT Architecture Joomla docs.

Ask AI about LT Architecture

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