LT Perook is a barber shop theme for Elementor (free): a hero that draws the house skin fade guard by guard, a price list where every cut shows the clipper guards it uses with minutes and prices, the guard scale from No. 0 to No. 8 in millimetres, the hot-towel shave step by step, the barbers and their days, walk-in rules, clean tools, opening hours and a chair request 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 shop and Book a chair 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): The shop, Book a chair, Grooming notes. Pages in Pro (Appearance → Demo import): Home, The shop, The barbers, Clean tools, Cuts and shaves, Haircuts, Skin fade, Scissor cut, Buzz cut, Beards and shaves, Kids' cuts, Guard numbers, Book a chair, Gift cards, Grooming notes.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Perook (Install and update).
- Optional: activate WPForms Lite for the chair request 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 |
| The shop | – | Free |
| The barbers | The shop | Pro |
| Clean tools | The shop | Pro |
| Cuts and shaves | – | Pro |
| Haircuts | Cuts and shaves | Pro |
| Skin fade | Haircuts | Pro |
| Scissor cut | Haircuts | Pro |
| Buzz cut | Haircuts | Pro |
| Beards and shaves | Cuts and shaves | Pro |
| Kids' cuts | Cuts and shaves | Pro |
| Guard numbers | Cuts and shaves | Pro |
| Book a chair | – | Free |
| Gift cards | Book a chair | Pro |
| Grooming 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 /#fade).
| Section (Navigator name) | CSS ID |
|---|---|
| The house fade | #fade |
| Chairs on Saturday | #today |
| Prices | #prices |
| Guard numbers | #numbers |
| Hot-towel shave | #shave |
| The barbers | #barbers |
| The shop | #shop |
| Grooming notes | #notes |
| Visit the shop | #visit |
- The house fade, guard by guard: The home page opens with a fade drawn as guard bands from skin at the nape to scissors on top, each with its number and length in millimetres.
- Prices with the guards they use: Every cut, beard and shave in hairline rows with the guards it uses, the minutes in the chair and the price.
- Guard numbers explained: A scale from No. 0 to No. 8 in millimetres, and a Skin fade page that shows a low, mid and high fade side by side.
- Walk-ins, barbers and opening hours: Who is on which chair, which chairs take walk-ins, the barbers and their days, house rules and opening hours with a map.
- Free Elementor and a ready chair request form: Every page is built with free Elementor widgets on Hello Elementor, with a chair request 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
- The shop → The barbers, Clean tools
- Cuts and shaves → Haircuts (Skin fade, Scissor cut, Buzz cut), Beards and shaves, Kids' cuts, Guard numbers
- Grooming notes
- Book a chair → Gift cards
Header button: Book a chair (link /book/#request), changed in Appearance → Customize → LT Perook options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Perook options and the menu scrolls to these sections: The house fade, Chairs on Saturday, Prices, Guard numbers, Hot-towel shave, The barbers, The shop, Grooming notes, Visit the shop. To change the labels or leave sections out, see One-page mode.
Used the old LT Perook 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 |
|---|---|
| Comb jar blue (buttons, links, guard chips, the fade line) | #0D4F66 |
| Strop grey (soft text) | #4A5963 |
| Clipper steel (text, hair strokes) | #15212A |
| Jar blue bright (marks on dark only) | #5CC8DB |
| Cape white (page) | #EEF1F2 |
| Porcelain (tinted sections, the ladder panel) | #DCE4E7 |
| Hairlines | #C3CFD4 |
| Deep jar (dark bands) | #0B2A36 |
| Text on dark | #EEF1F2 |
| Soft text on dark | #A9C0C9 |
| Button hover | #083A4C |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, guard numbers, prices) | Mohave |
| Interface (menu, labels) | Mada |
| Body text | Mada |
| Buttons | Mada |
Form
With WPForms Lite active, the demo import creates the form Chair request on the Book a chair page. Fields: Your name (required), Email (required), Mobile for the confirmation text (optional), What are you booking? (required), Barber, Preferred day and time (required), Been to us before?, Anything we should know. Email subject: “Chair request from the website”. After sending, visitors see: “Thanks. We will text or email to confirm your chair, usually the same 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)Corbett Street BarbersCorbett StreetSpringfield
- Keep the ladder honest: a band's guard number, its millimetres and its `lt-band–` class must match; the blue fade line sits where the skin stops.
- Guard chips list only the guards a cut really uses (0 to 8, S for scissors, R for razor); do not number services or barbers.
- Use jar blue bright only for marks on dark bands, 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 barber working a fade up the side of a client's head with clippers | 1600 × 1200 px |
| A client reclined under a towel while the barber shaves his beard line with an open razor | 1600 × 1200 px |
| A barber trimming a client's beard in a dark, quiet shop | 1600 × 1200 px |
| Barber chairs and mirrors along a brick wall in an empty shop | 1600 × 1200 px |
| Scissors and thinning shears laid out on a grey towel beside a No. 1 clipper guard | 1600 × 1200 px |
| A barber cutting a client's hair with scissors over a comb | 1600 × 1200 px |
| A barber shaping a long beard with scissors and a comb | 1600 × 1200 px |
| Clippers blending a fade at the back of the head, in black and white | 1600 × 1000 px |
| A barber in black gloves lining up a beard with a razor | 1600 × 1000 px |
| A long row of barber chairs and mirrors, in black and white | 1600 × 1000 px |
| A barber's hand guiding clippers above a client's ear | 1600 × 1000 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Perook is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band: headline, address, price line and the guard ladder |
lt-ladder | a fade drawn as guard bands, crown at the top, nape at the bottom; children lt-ladder__bands and lt-ladder__caption. Variants lt-ladder–low|mid|high set where the skin stops |
lt-band | one guard band: lt-band–s|g4|g3|g2|g1|g0|skin (hatching grows with the guard); children lt-band__num (the guard number) and lt-band__hair (the hatched band with mm and where); is-fade-line draws the fade line on top of the band |
lt-guards | guard chips on a price row: one lt-chip per guard, lt-chip–tool for S (scissors) and R (razor) |
lt-service | one price row: cut and what is included, guard chips, minutes, price (inside lt-rows) |
lt-group | a group of price rows with its heading |
lt-scale | the guard scale No. 0 to No. 8; each lt-scale__guard lt-scale–<n> has a bar as long as the guard (lt-scale__num, lt-scale__mm) |
lt-chair | one chair row (chair, barber, walk-ins or bookings, hours); is-walkin marks a walk-in chair |
lt-barber | one barber row (name, what they are best at, days in the shop) |
lt-steps | a real sequence (the hot-towel shave, cleaning between clients); children lt-step |
lt-price | label and value row (hours, at a glance), inside lt-rows |
lt-pagehead | inner page heading band |
lt-desk | contact desk block |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Perook
Do I need Elementor Pro?
No. LT Perook 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 customers book online?
The theme has a chair request form (WPForms Lite): the customer asks for a cut, a barber and a time, and you confirm by text or email. It does not take payments or block times in a calendar.
Can I change the fade in the hero?
Yes. Each band is a normal Elementor heading and text: change the guard number and the millimetres, or move the fade line to another band with one CSS class.
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 shop and Book a chair pages and the blog. Pro adds the home page, the price list and sub-pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Perook. 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 Perook also exists as a Joomla template: see the LT Perook Joomla docs.
Ask AI about LT Perook
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