LT App Showcase

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

LT App Showcase is a landing site theme for a mobile app, built with free Elementor: a home page that opens with the app's core screens laid out as a prototype flow (four phone frames built from real text, joined by the taps that lead from one screen to the next), then features as plain rows, offline content packs with sizes, a privacy band that lists every permission and why it is needed, Free and paid plans, release notes, blog posts, questions and a download band. Inner pages cover the studio, the team, a press kit, each feature, plans and pricing, support with a getting-started flow, the full release history and a contact page with a ready support and beta 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, Field notes. Pages in Pro (Appearance → Demo import): Home, About, The team, Press kit, Features, Sound ID, Offline song packs, Europe pack, North America pack, Australia pack, Plans and pricing, Support, Getting started, Release notes, Contact, Field notes.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT App Showcase (Install and update).
  2. Optional: activate WPForms Lite for the ask for help or join the beta 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
The teamAboutPro
Press kitAboutPro
Features–Pro
Sound IDFeaturesPro
Offline song packsFeaturesPro
Europe packOffline song packsPro
North America packOffline song packsPro
Australia packOffline song packsPro
Plans and pricingFeaturesPro
Support–Pro
Getting startedSupportPro
Release notesSupportPro
Contact–Free
Field 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 /#app).

Section (Navigator name)CSS ID
The app#app
Features#features
In the field#field
Song packs#packs
Privacy#privacy
Pricing#pricing
Release notes#updates
Field notes#notes
Questions#questions
Download#download
  • Your app as a screen flow: The home page opens with four phone frames built from real, editable text, joined by the taps that lead from one screen to the next.
  • Features, packs and plans as rows: Plain, scannable rows for features (with where they are in the app), downloadable content, and Free and paid plans.
  • Privacy you can read: A band that lists every permission the app asks for, when it asks and why, written for people deciding whether to download.
  • Release notes and support: A release history with the newest version marked, help topics, troubleshooting, known issues and a getting-started flow.
  • Free Elementor and a ready support form: Every page uses free Elementor widgets on Hello Elementor, with an 'Ask for help or join the beta' 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 → The team, Press kit
  • Features → Sound ID, Offline song packs (Europe, North America, Australia), Plans and pricing
  • Support → Getting started, Release notes
  • Field notes
  • Contact

Header button: Get the app (link /#download), changed in Appearance → Customize → LT App Showcase options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT App Showcase options and the menu scrolls to these sections: The app, Features, In the field, Song packs, Privacy, Pricing, Release notes, Field notes, Questions, Download. To change the labels or leave sections out, see One-page mode.

Used the old LT App Showcase 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
Goldcrest olive (buttons, links, connectors)#3E5317
Lichen (soft text)#4C5746
Bark ink (text, frame outlines)#161D12
Crest gold (Start flag, marks on dark only)#E9B42A
Canvas (page)#EEF1EC
Moss grey (tinted sections, the flow canvas)#DEE5D9
Hairlines#C2CCBC
Night olive (dark bands)#2A3B12
Text on dark#EEF1EC
Soft text on dark#C3CFA9
Button hover#2B3A0E
Phone screen (inside the frames)#FFFFFF
Name in Global FontsFont
Headings, screen titles, prices and versions (Parkinsans)Parkinsans
Menus and labels (Spline Sans)Spline Sans
Body text (Spline Sans)Spline Sans
Buttons (Spline Sans)Spline Sans

Form

With WPForms Lite active, the demo import creates the form Ask for help or join the beta on the Contact page. Fields: Your name (required), Email (required), What is it about? (required), Your device, App version, Which song pack do you use?, Your message (required). Email subject: “Message from the app website”. After sending, visitors see: “Thank you. We reply by email, usually 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)
  • Songlark
  • Songlark Labs
  • Springfield
  • Sample customer
  • Keep the screen flow in tap order with a hotspot on the element that leads to the next frame; no hotspot on the last frame, no more than four frames in a row.
  • Use crest gold only for the Start flag, the Latest release tag and for marks on the night-olive band; never for text on light backgrounds.
  • Do not invent store ratings, download counts or awards; reviews stay marked 'Sample customer' until they are real and quoted with permission.

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 hand holding a phone up towards the trees in a sunlit wood1600 × 1200 px
Two birdwatchers with long camera lenses watching the trees on a forest path1600 × 1200 px
A portable audio recorder with cables lying on a backpack in the grass1600 × 1200 px
A small team around a wooden table with laptops, tablets and coffee, seen from above1600 × 1200 px
A walker with a backpack and a hat on a dirt path through a green forest1600 × 1200 px
Reeds and long grass at the edge of a lake in morning mist1600 × 1200 px
A man in a grey cap looking up through binoculars1600 × 1200 px
A song thrush perched on a mossy branch in a green wood1600 × 1000 px
A robin with a red breast perched on a bare twig1600 × 1000 px
A blackbird singing on a branch among fresh spring leaves1600 × 1000 px

AI kit (Pro Unlimited)

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

CSS classWhat it is
lt-herohome hero band (title, store buttons and the screen flow)
lt-flowthe screen flow: a grid of lt-flow__step columns (frame + caption), in tap order
lt-screenone phone frame built from widgets; children lt-screen__status, lt-screen__title, lt-ui-row, lt-ui-btn, lt-ui-note
lt-hotspotthe element you tap in a frame: ring plus the connector to the next frame (never on the last frame)
lt-flagthe 'Start' flag above the first frame (ink text on crest gold)
lt-stepnumbered caption under a frame (lt-step__n is the step number)
lt-featureone feature row (name, what it does, where it is in the app)
lt-packone song pack row (region, species, size, last update)
lt-permissionone permission row in the privacy band (what the app asks for, when, why)
lt-plana plan column (Free or Plus) with its price rows
lt-versionone release in the release notes (version, date, changes); is-current marks the newest
lt-pricelabel and value row (prices, facts, sizes) inside lt-rows
lt-persona team member (name and role)
lt-deskcontact desk block
lt-pageheadinner page heading band
lt-storesthe store buttons row

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

Questions about LT App Showcase

Do I need Elementor Pro?

No. LT App Showcase 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 app's screens?

Yes. Each phone frame is made of normal Elementor text and heading widgets, so you type your own screen titles and labels. You can also put a screenshot in an Image widget inside a frame.

Where do the store buttons link?

To the App Store and Google Play home pages in the demo. Paste your app's store links into the two buttons; they are normal Elementor buttons.

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

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

Ask AI about LT App Showcase

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