LT Design Studio Docs: Brand and graphic design studio theme for Elementor

LT Design Studio is a theme for graphic and brand design studios, built with free Elementor: a home page that opens like a brand book at its contents page, case studies, a package table that shows which brand book chapters each package includes, the weeks of a project, studio and people pages, chapter pages for strategy, logo, colour and type, packaging and files, a project enquiry form and a journal. 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 Studio and Contact 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): Studio, Contact, Journal. Pages in Pro (Appearance → Demo import): Home, Studio, People, How a project runs, Services, Brand strategy, Brand books, Logo chapter, Colour and type chapters, Files and templates, Packaging and signage, Work, Larkspur Bakery, Copperfield Cycles, Contact, Journal.

Quick setup

Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Design Studio (Install and update).
Optional: activate WPForms Lite for the project enquiry 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
Studio	–	Free
People	Studio	Pro
How a project runs	Studio	Pro
Services	–	Pro
Brand strategy	Services	Pro
Brand books	Services	Pro
Logo chapter	Brand books	Pro
Colour and type chapters	Brand books	Pro
Files and templates	Brand books	Pro
Packaging and signage	Services	Pro
Work	–	Pro
Larkspur Bakery	Work	Pro
Copperfield Cycles	Work	Pro
Contact	–	Free
Journal (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 /#book).

Section (Navigator name)	CSS ID
The brand book	`#book`
Work	`#work`
Packages	`#packages`
How a project runs	`#process`
Studio	`#studio`
Questions	`#questions`
Journal	`#journal`
Call to action	`#start`

Opens like a brand book: The home page shows your cover line beside a contents page, with the seven chapters and a thumb index of tabs down the edge.
Packages read by chapter: One table shows which chapters each package includes and how many pages each gets, with time and price underneath.
Case studies with their chapters: Every project shows the chapters its brand book contains, plus a list of smaller jobs and two full case study pages.
Chapter pages for every service: Strategy, logo, colour and type, packaging and signage, files and templates, each with its chapter tab in the heading.
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.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Design Studio options and the menu scrolls to these sections: The brand book, Work, Packages, How a project runs, Studio, Questions, Journal, Call to action. To change the labels or leave sections out, see One-page mode.

Used the old LT Design Studio 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
Binding red (tabs, buttons, links)	`#B0241B`
Caption grey (soft text)	`#545866`
Ink (text)	`#1C1D24`
Tab yellow (current chapter, marks on dark)	`#F5C518`
Page white (page)	`#F4F5F7`
Board grey (tinted sections)	`#E5E7EC`
Hairlines	`#C9CCD4`
Oxblood cloth (dark bands)	`#561410`
Text on dark	`#F4F5F7`
Soft text on dark	`#E3BDB7`
Button hover	`#7E1812`
Book page (the open spread)	`#FFFFFF`

Name in Global Fonts	Font
Display (H1, H2, chapter tabs)	Boldonse
Interface (menu, labels, H3)	Ancizar Sans
Body text	Ancizar Sans
Buttons	Ancizar Sans

Form

With WPForms Lite active, the demo import creates the form Project enquiry on the Contact page. Fields: Your name (required), Email (required), Organisation, What do you need? (required), Do you have a logo now?, Budget, When do you need it?, Tell us about the project (required). Email subject: “Project enquiry from the website”. After sending, visitors see: “Thank you. A designer will read your enquiry and reply by email within two working days.”

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)
Quarry Lane Studio
Larkspur Bakery
Copperfield Cycles
Hollow Hill
Springfield

Use chapter tabs only for the seven brand book chapters, in book order; never as decoration or section numbers.
Keep tab yellow for the current chapter tab and focus marks on oxblood; never for text on light backgrounds.
Keep Boldonse for H1, H2 and tab numerals; it has one weight, so do not set it bold.

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
Loaves of bread wrapped in brown paper in a wooden crate	1600 × 1200 px
A bicycle workshop seen through its front window, bikes hanging inside	1600 × 1200 px
Large black letters and numbers printed on a white banner on a building	1600 × 1200 px
Designers around a table with colour schemes, sketches and a laptop	1600 × 1200 px
A designer drawing in a sketchbook at a wooden table	1600 × 1200 px
Hands spreading colour fan decks across a table	1600 × 1200 px
Plain cardboard boxes with paper labels on a yellow surface	1600 × 1200 px
Printer's drawers full of letterpress type and ornaments	1600 × 1000 px
Posters coming off a large-format printer	1600 × 1000 px
A designer checking a printed photo layout at a desk	1600 × 1000 px

AI kit (Pro Unlimited)

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

CSS class	What it is
`lt-hero`	home hero band (the open brand book)
`lt-spread`	the open book: two pages side by side (lt-page–cover, lt-page–index)
`lt-index`	contents rows on the right page; each row lt-index__row ends in a chapter tab
`lt-tab`	chapter tab (Heading widget holding the chapter number 1-7); is-current = tab yellow
`lt-tabstrip`	text paragraph of small chapter tabs lt-minitab (add is-out to a tab not in the job)
`lt-pack`	package table (with lt-rows); cells lt-cell is-in (page count) or lt-cell is-out
`lt-week`	process row (weeks, what happens, the chapter tabs it produces)
`lt-case`	case study block (photo, client, job line, tab strip)
`lt-chapter`	one chapter row on the Services page (tab, title, contents, files)
`lt-facts`	label / value rows (with lt-rows)
`lt-pagehead`	inner page heading band (optional chapter tab on the right)
`lt-person`	one person in the people list
`lt-desk`	contact desk block
`lt-price`	label / value row
`lt-cta`	closing call to action band (with lt-dark)

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

Questions about LT Design Studio

Do I need Elementor Pro?

No. LT Design Studio 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 chapters and packages?

Yes. Chapters, tabs and package cells are ordinary Elementor headings and text. Rename a chapter, change page counts or prices, or remove a package column in the editor.

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 chapter pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.

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

Ask AI about LT Design Studio

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

LT Design Studio