LT Portfolio is a product designer's portfolio theme for Elementor (free): a home page that opens with a product's model line-up drawn to scale on a cutting mat, from the first card mock-up to the factory sample, case studies with their own line-ups, a legend of what each kind of model answers, services with example prices, the steps of a project, the workshop and a project enquiry form. 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 About and Start a project pages with the enquiry form, 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): About, Start a project, Notebook. Pages in Pro (Appearance → Demo import): Home, Work, Pour kettle, Tail bike light, Fern desk lamp, Services, Prototyping, Foam models, 3D printed models, Works-like rigs, Design for manufacture, About, Workshop, Experience, Start a project, Notebook.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Portfolio (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 |
| Work | – | Pro |
| Pour kettle | Work | Pro |
| Tail bike light | Work | Pro |
| Fern desk lamp | Work | Pro |
| Services | – | Pro |
| Prototyping | Services | Pro |
| Foam models | Prototyping | Pro |
| 3D printed models | Prototyping | Pro |
| Works-like rigs | Prototyping | Pro |
| Design for manufacture | Services | Pro |
| About | – | Free |
| Workshop | About | Pro |
| Experience | About | Pro |
| Start a project | – | Free |
| Notebook (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 /#lineup).
| Section (Navigator name) | CSS ID |
|---|---|
| The line-up | #lineup |
| Work | #work |
| What each model answers | #models |
| Services | #services |
| How a project runs | #process |
| Workshop | #workshop |
| Client words | #words |
| Notebook | #notebook |
| Start a project | #start |
- A product's line-up as the hero: The home page opens with every model of one product drawn to scale on a cutting mat, card mock-up to factory sample, each tagged with what it tested.
- Case studies with their own line-ups: Each project page shows the brief, its line-up and what each model changed, so clients see how you work, not just the final render.
- A legend clients understand: Card, foam, print, works-like rig, looks-like model and factory sample: what each one answers and how long it takes.
- Services, prices and the steps of a project: Concept, prototyping priced per model and design for manufacture, with example prices and the seven steps from brief to sample.
- 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.
Menu
The demo import creates this main menu (Appearance → Menus):
- Home
- Work → Pour kettle, Tail bike light, Fern desk lamp
- Services → Prototyping (Foam models, 3D printed models, Works-like rigs), Design for manufacture
- About → Workshop, Experience
- Notebook
- Contact
Header button: Start a project (link /contact/), changed in Appearance → Customize → LT Portfolio options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Portfolio options and the menu scrolls to these sections: The line-up, Work, What each model answers, Services, How a project runs, Workshop, Client words, Notebook, Start a project. To change the labels or leave sections out, see One-page mode.
Used the old LT Portfolio 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 |
|---|---|
| Cutting mat (buttons, links) | #1F5A4C |
| Pencil (soft text) | #4E5856 |
| Graphite (text) | #1A1F1E |
| Grid yellow (the mat's grid and ruler; marks on dark only) | #E6D35C |
| Primer (page) | #EDEFEE |
| Foam board (tinted sections) | #DDE3E0 |
| Hairlines | #C3CCC8 |
| Mat (dark bands, line-ups) | #1D4A40 |
| Text on dark | #EDEFEE |
| Soft text on dark | #AFC6BF |
| Button hover | #143E34 |
| Blue foam (model drawings) | #8DB6D8 |
| Card (model drawings) | #CDB28A |
| 3D print (model drawings) | #B8C0BE |
| Painted looks-like model (model drawings) | #3C5A85 |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, model codes, prices) | Jura |
| Interface (menu, tags) | Hind |
| Body text | Hind |
| Buttons | Hind |
Form
With WPForms Lite active, the demo import creates the form Project enquiry on the Start a project page. Fields: Your name (required), Email (required), Company or brand (optional), What do you need? (required), Where is the product now?, Budget, When do you need a factory sample?, Tell me about the product. Email subject: “Project enquiry from the website”. After sending, visitors see: “Thank you. Juno will reply by email within two working days with a few questions and a time for a first 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 pricesexample.com(555)Juno HaleHale Product DesignBrightwell HomeLoop CyclesOakline OfficeCanal WorksSpringfield
- Keep a line-up in the order the models were made, all drawings at the same scale, and the M-codes matching that order; do not number projects.
- Keep the material code (card, foam, print, rig, paint, sample) the same in drawings, legend and prices.
- Use grid yellow only on the mat (grid, ruler, baseline), never for text on light backgrounds.
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 pale green electric kettle on a tiled kitchen counter beside mugs and a potted herb | 1600 × 1067 px |
| Close-up of a red rear light on the rack of a blue bicycle | 1600 × 1067 px |
| A red desk lamp on a wooden desk beside a monitor, notebooks and plants | 1600 × 1067 px |
| A workbench with two 3D printers, a tablet on a green cutting mat and tools hung on the wall | 1600 × 1067 px |
| Two people's hands with pens over technical drawings on a white table | 1600 × 1067 px |
| Hands measuring a small part with a digital caliper on a wooden table | 1600 × 1067 px |
| Orange 3D printed parts on the bed of a 3D printer in a workshop | 1600 × 1067 px |
| A 3D printed gear mechanism in white and orange on a metal bench | 1600 × 1067 px |
| Technical drawings of a product laid out on white paper sheets | 1600 × 1067 px |
| Measuring and woodworking tools laid out on a wooden surface | 1600 × 1067 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Portfolio is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band: title, lede and the hero line-up on the mat |
lt-mat | the cutting mat: dark green with the yellow grid (on the hero section, or a container holding a line-up) |
lt-lineup | a line-up grid: a ruler column (lt-model–ruler) then one lt-model per model, in the order they were made |
lt-model | one model: drawing (Image widget, SVG from images/models/, same scale in a line-up) + lt-model__tag; is-shipped marks the factory sample |
lt-model__tag | model tag: code (M1…), material, the question it answered, the week |
lt-lineup__cap | caption under a line-up (project, client, number of models, weeks, scale) |
lt-materials | the legend of model materials; each lt-material = swatch (lt-swatch) + name + what it answers + typical time |
lt-project | one case study row on the home page (photo, facts, link) |
lt-facts | label/value rows (client, brief, models, time) |
lt-service | one service row (name, what you get, time, example price) |
lt-steps | the project steps (a real sequence); each lt-step with lt-step__n |
lt-change | case study rows: what each model changed (model code + text) |
lt-price | price row (label + amount) |
lt-quote | sample client quote |
lt-pagehead | inner page heading band |
lt-desk | contact block (phone, email, studio) |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Portfolio
Do I need Elementor Pro?
No. LT Portfolio 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 draw my own line-ups?
Yes. Each model is an SVG drawing in the theme's images folder, shown with the normal Image widget; swap a drawing for your own (same width and height for one project) and edit the tag text under it in Elementor.
Is it only for industrial designers?
It suits anyone who shows work as a series of versions: product, furniture, packaging or lighting designers. The case study and service sections work with photos alone too.
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 About and Start a project pages and the blog. Pro adds the home page, the Work and Services 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 Portfolio. 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 Portfolio also exists as a Joomla template: see the LT Portfolio Joomla docs.
Ask AI about LT Portfolio
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