LT Stable

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 Stable
  13. Also for Joomla

LT Stable is a creative agency and design studio theme for Elementor (free): a hero set as the studio's own poster proof, selected work shown as signed-off proofs with job numbers, services with what you get, how long and what it costs, a week-by-week project plan, studio and people pages, case studies, ways to work together and a project 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 Studio 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): Studio, Contact, Notes. Pages in Pro (Appearance → Demo import): Home, Studio, People, How we work, Services, Brand identity, Naming, Logo and visual identity, Brand guidelines, Websites, Campaigns, Work, Tidewater Coffee, Harbour Library, Contact, Notes.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Stable (Install and update).
  2. Optional: activate WPForms Lite for the project 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
Studio–Free
PeopleStudioPro
How we workStudioPro
Services–Pro
Brand identityServicesPro
NamingBrand identityPro
Logo and visual identityBrand identityPro
Brand guidelinesBrand identityPro
WebsitesServicesPro
CampaignsServicesPro
Work–Pro
Tidewater CoffeeWorkPro
Harbour LibraryWorkPro
Contact–Free
Notes (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 /#poster).

Section (Navigator name)CSS ID
Studio poster#poster
Work#work
Services#services
How a project runs#process
Client words#quote
Studio#studio
Ways to work with us#pricing
Notes#notes
Start a project#brief
  • Work shown as proofs: Each case study sits on a sheet with crop marks and a slug line: job number, client, job, proof round and sign-off.
  • Services with real numbers: Service rows say what you get, how long it takes and where the price starts, with a week-by-week plan of a typical project.
  • Studio, people and case studies: A studio page with principles and people, sub-pages for each service and a case study layout for your best jobs.
  • Ways to work with you: Fixed-price projects, retainers, workshop days and care plans as clear price rows, with what is always included.
  • Free Elementor and a ready enquiry form: Every page is built with free Elementor widgets on Hello Elementor, with a project 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
  • Studio → People, How we work
  • Services → Brand identity (Naming, Logo and visual identity, Brand guidelines), Websites, Campaigns
  • Work → Tidewater Coffee, Harbour Library
  • Notes
  • Contact

Header button: Start a project (link /contact/#enquiry), changed in Appearance → Customize → LT Stable options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Stable options and the menu scrolls to these sections: Studio poster, Work, Services, How a project runs, Client words, Studio, Ways to work with us, Notes, Start a project. To change the labels or leave sections out, see One-page mode.

Used the old LT Stable 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
Deep cyan (buttons, links)#00546B
Slug grey (soft text)#4D5A60
Key (text)#192226
Process magenta (sign-off marks only)#E4007C
Proof paper (page)#F3F4F1
Cyan tint (tinted sections)#DCE8EB
Hairlines and crop marks#C2CFD4
Press board (dark bands)#0F2B33
Text on dark#F3F4F1
Soft text on dark#A6BFC7
Button hover#003A4B
Name in Global FontsFont
Display (headings, poster)League Spartan
Interface (menu, slug lines)League Spartan
Body text (reading)Charis SIL
ButtonsLeague Spartan

Form

With WPForms Lite active, the demo import creates the form Project enquiry on the Contact page. Fields: Your name (required), Email (required), Company or organisation, What do you need? (required), Budget, When do you need it?, Tell us about the project (required). Email subject: “New project enquiry from the website”. After sending, visitors see: “Thank you. We read every brief and reply within two working days with a few questions or a time for a call.”

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)
  • Ashgrove Studio
  • Foundry Yard
  • Springfield
  • Sample client
  • Use crop marks and slug lines only around pieces of work; never on services, prices or people.
  • Keep process magenta for the sign-off mark; never use it for text, buttons or a highlighted word.

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
A plain paper coffee bag and a mug on a sunlit wooden table1600 × 1200 px
Rows of light wooden reading tables in a quiet library1600 × 1200 px
Printed posters pasted on a pink wall next to a grey door1600 × 1200 px
A bicycle workshop at night, seen through its lit shop window1600 × 1200 px
A bright studio with long shared tables, shelves and tall windows1600 × 1200 px
A designer at a table checking a sheet of printed photographs1600 × 1200 px
Two people planning a project with sticky notes on a whiteboard1600 × 1200 px
Sticky notes in pink, blue and yellow on a whiteboard1600 × 1000 px
Printed cards with short phrases on a white table1600 × 1000 px
An open printed magazine lying on a white table1600 × 1000 px
A designer sorting paper and material samples at a desk1600 × 1000 px

AI kit (Pro Unlimited)

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

CSS classWhat it is
lt-herohome hero band on the dark press board
lt-proofa sheet with crop marks in its margin (work images, the hero poster); only for work
lt-proof__sheetthe paper sheet inside the hero proof (the poster)
lt-slugslug line under a proof: job number, client, job, proof round, sign-off (spans; lt-slug__ok = signed off)
lt-jobone piece of work: proof, slug line, title, one line
lt-serviceone service row (name, what you get, time and starting price)
lt-planweek plan; each row lt-plan__row with a bar lt-bar lt-from-N lt-len-N on a ten-week ruler
lt-quotesample client quote (big serif italic)
lt-priceprice row (label + amount)
lt-personone person (name + role)
lt-principleone studio principle row
lt-factscase study facts (label/value rows)
lt-pageheadinner page heading band
lt-deskcontact desk block
lt-mapstudio map drawing

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

Questions about LT Stable

Do I need Elementor Pro?

No. LT Stable 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 show my own case studies?

Yes. Each piece of work is a normal Elementor block: swap the image, edit the slug line and the title, or duplicate a case study page for a new job.

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 Studio and Contact pages and the blog. Pro adds the home page, services, work and case study pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.

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

Ask AI about LT Stable

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