LT Apptune is a landing site theme for a music streaming app, built with free Elementor: a home page that opens with the app's streaming qualities drawn to scale (Data saver to Hi-res lossless by bitrate, with the data an hour each one uses, the plan that unlocks it and the app's Wi-Fi and mobile defaults), then album features as plain rows, offline downloads with album sizes, Free, Plus and Studio plans, where a subscription goes, supported devices, blog posts, questions and a download band. Inner pages cover the company, artists and labels, press, sound quality, offline listening, devices (phones, desktop, speakers and cars), plans, student and family plans and a contact page with a ready help 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 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): About, Contact, Liner notes. Pages in Pro (Appearance → Demo import): Home, About, For artists and labels, Press, The app, Sound quality, Offline listening, Devices, Phones and tablets, Desktop and web, Speakers and cars, Plans, Student and family, Contact, Liner notes.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Apptune (Install and update).
- Optional: activate WPForms Lite for the ask for help 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 |
| About | – | Free |
| For artists and labels | About | Pro |
| Press | About | Pro |
| The app | – | Pro |
| Sound quality | The app | Pro |
| Offline listening | The app | Pro |
| Devices | The app | Pro |
| Phones and tablets | Devices | Pro |
| Desktop and web | Devices | Pro |
| Speakers and cars | Devices | Pro |
| Plans | – | Pro |
| Student and family | Plans | Pro |
| Contact | – | Free |
| Liner 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 /#listen).
| Section (Navigator name) | CSS ID |
|---|---|
| Listen | #listen |
| Albums | #albums |
| Offline | #offline |
| Plans | #plans |
| Artists | #artists |
| Devices | #devices |
| Liner notes | #notes |
| Questions | #questions |
| Download | #download |
- Streaming quality, drawn to scale: The home page opens with the app's qualities from Data saver to Hi-res as bars to scale by bitrate, with the data an hour, the plan that unlocks each one and the app's defaults.
- Plans that show what you get: Free, Plus and Studio columns with each plan's highest quality on the same scale, a comparison table and billing questions.
- Offline and devices: Album download sizes at every quality, download rules and pages for phones, desktop and web, speakers and cars.
- Fair-pay story for artists: A dark band that shows where a month's subscription goes, plus pages for artists and labels and for the press.
- Free Elementor and a ready help form: Every page is built with free Elementor widgets on Hello Elementor, with an 'Ask for help' 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
- About → For artists and labels, Press
- The app → Sound quality, Offline listening, Devices (Phones and tablets, Desktop and web, Speakers and cars)
- Plans → Student and family
- Liner notes
- Contact
Header button: Get the app (link /#download), changed in Appearance → Customize → LT Apptune options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Apptune options and the menu scrolls to these sections: Listen, Albums, Offline, Plans, Artists, Devices, Liner notes, Questions, Download. To change the labels or leave sections out, see One-page mode.
Used the old LT Apptune 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 |
|---|---|
| Lacquer red (buttons, links, ladder bars) | #A3172F |
| Cable grey (soft text) | #4F5262 |
| Groove ink (text) | #1A1620 |
| Peak amber (default pointers, marks on oxblood only) | #F5B523 |
| Studio grey (page) | #EEF0F3 |
| Foam grey (tinted sections) | #E0E3EA |
| Hairlines | #C6CAD4 |
| Oxblood (dark bands) | #4A0D1B |
| Text and bars on oxblood | #F6EEF0 |
| Soft text on oxblood | #E2BAC3 |
| Button hover | #7A0F22 |
| Name in Global Fonts | Font |
|---|---|
| Headings, bitrates, prices (Smooch Sans) | Smooch Sans |
| Menus and labels (Smooch Sans) | Smooch Sans |
| Body text (Yrsa) | Yrsa |
| Buttons (Smooch Sans) | Smooch Sans |
Form
With WPForms Lite active, the demo import creates the form Ask for help on the Contact page. Fields: Your name (required), Email (required), What is it about? (required), Your plan, Device, App version (optional), What happened? (required). Email subject: “Help request from the website”. After sending, visitors see: “Thank you. We reply by email, usually within one working day.”
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)LongplayLongplay AudioSpringfieldSample customer
- Keep the ladder to scale: a bar's width class must match its number (kbps or MB); do not add rungs without a measured bitrate.
- Use peak amber only for the default pointers and marks on the oxblood bands; never for text on light backgrounds.
- Do not invent store ratings, download counts, catalogue sizes or payout rates; keep them marked (sample) until they are real.
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 |
|---|---|
| Rows of vinyl records standing in the bins of a record shop | 1600 × 1200 px |
| Passengers on a train by the window, one in headphones looking out at the countryside | 1600 × 1200 px |
| A sound engineer's hands on the faders of a large mixing console | 1600 × 1200 px |
| A musician in headphones playing acoustic guitar into a microphone at home | 1600 × 1200 px |
| A woman in headphones listening at a laptop on a wooden table by the window | 1600 × 1200 px |
| A car dashboard and windscreen on a motorway at dusk | 1600 × 1200 px |
| A small wireless speaker on a kitchen counter beside a bowl of lemons | 1600 × 1200 px |
| A pair of closed-back headphones lying on a wooden table | 1600 × 1000 px |
| A man in headphones waiting on an underground platform, seen from behind | 1600 × 1000 px |
| A hand flicking through second-hand records in a shop | 1600 × 1000 px |
| A concert audience clapping in front of a lit stage, seen from behind | 1600 × 1000 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Apptune is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band (title, store buttons and the quality ladder) |
lt-ladder | the quality ladder: lt-ladder__title, then lt-rows of lt-rung, then lt-ladder__key |
lt-rung | one rung: name (lt-rung__name), lt-track holding the bar, bitrate (lt-rung__rate), data (lt-rung__data), plan (lt-rung__plan) |
lt-bar | a bar drawn to scale (Divider widget). Width class lt-w-96|160|320|1411|4608 (kbps) or lt-w-p<n> (n% of the track); add lt-bar–vbr for a hatched variable ceiling |
lt-pointer | amber default pointer next to a bar (on oxblood only) |
lt-feature | one feature row (name, what it does, where to find it) |
lt-plan | a plan column (is-pick marks the plan most listeners choose) |
lt-split | where-the-money-goes rows on the oxblood band; is-artists is the artists' share |
lt-device | one device row (device, what it needs, notes) |
lt-price | label and value row (prices, facts, sizes) inside lt-rows |
lt-steps | a real sequence of steps (lt-step, with lt-step__n) |
lt-person | a team member (name and role) |
lt-desk | contact desk block |
lt-pagehead | inner page heading band |
lt-stores | the store buttons row |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Apptune
Do I need Elementor Pro?
No. LT Apptune 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 qualities and numbers in the ladder?
Yes. Each rung is a normal Elementor row with texts and a Divider widget; the bar length comes from a CSS class named after the bitrate, listed in the AI kit's AGENTS.md.
Does it suit a podcast or radio app?
Yes. Rename the rungs and plans, keep the ladder for data use per hour, and use the blog for episode notes.
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, the app, plans and device pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Apptune. 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 Apptune also exists as a Joomla template: see the LT Apptune Joomla docs.
Ask AI about LT Apptune
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