LT Fadecraft guide

On this page
  1. Watch the 2-minute setup
  2. Section patterns (Pro)
  3. Page layouts (Pro)
  4. Demo content to replace
  5. Photo guide
  6. Colour styles

Watch the 2-minute setup

Install LT Fadecraft, import the demo pages, make it yours and run the launch checklist.

LT Fadecraft is a block theme for barber shops, barbers and men’s grooming studios. See it live in the demo.

Section patterns (Pro)

PatternUse it for
Hero with book-a-chair cardDark hero with headline, buttons, trust points and a card of popular cuts with example prices.
Cuts and shaves gridEight service cards with icon tiles: fades, scissor cuts, hot towel shaves, beard trims, line-ups, kids cuts, wash and styling advice.
Price list and add-onsPrice list card next to add-ons (as chips) and payment options.
Beard care and hot towel shavesBeard care story with a checklist, a booking button and an illustration.
Products we use and sellShelf illustration next to four product cards with example prices.
About the shopIllustration of a barber at work, your story and a checklist.
Our barbersTeam cards with photo, role and bio.
Gallery of cutsFour portrait tiles for photos of your own recent cuts and beards.
Walk-ins and bookingsTwo cards that explain how walk-ins and bookings work, each with a button.
Client reviewsThree review cards (use real reviews only).
Frequently asked questionsExpandable questions about waiting times, cut durations, kids cuts, payments and cancelling.
Opening hours and locationHours, address, phone and a map with directions.
Contact cardsCall, email and visit-the-shop cards.
Walk-ins welcome bannerHighlighted strip that invites people to call and check the current wait.
Book a chair call to actionBarber-red band with booking and phone buttons.
LT Fadecraft price list and add-ons section

Page layouts (Pro)

  • Home page: the complete homepage.
  • Services page: cuts and shaves, price list, beard care, products and FAQ.
  • About page: your story, gallery of cuts, barbers, reviews and walk-ins and bookings.
  • Contact page: contact cards, walk-ins banner, opening hours and map.

Demo content to replace

  • Phone (555) 016-4587, email [email protected] and the 27 Elm Street, Springfield address (header, footer, contact sections).
  • Opening hours (top bar, footer, hours section) and the walk-in and booking rules (last walk-in time, the “2 hours before” change policy, FAQ answers).
  • Example prices in the hero card, the price list, the add-ons and the products.
  • Barber names, roles and photos; the four gallery pictures; sample reviews.
  • The “Book a chair” and “Choose a time” buttons: link them to your booking system.

Only show photos of your own work in the gallery, with your clients’ permission, and only list products you really use or sell. Do not add awards, licences or “best in town” claims you cannot back up.

Photo guide

Replace the illustrations and placeholder portraits with your own photos: select the image in the editor, then Replace. These sizes look sharp on large screens without slowing the site down.

ImageShapeUpload sizeTips
About photoLandscape 5:41600 × 1280 pxA barber at work in your shop, with the chairs and mirrors in view.
Beard care photoLandscape 5:41600 × 1280 pxA beard trim or a hot towel shave in progress, with the client’s permission.
Products photoLandscape 5:41600 × 1280 pxThe products you sell on a shelf or counter, without close-ups of other brands’ logos if you prefer.
Gallery of cutsPortrait 4:51200 × 1500 pxFresh cuts from the back or side, with a plain background and good light.
Barber photosPortrait 4:5800 × 1000 pxHead and shoulders in the shop, same background for everyone.
Map pictureLandscape 3:21600 × 1040 pxA screenshot of your map, or keep the illustration; the button links to Google Maps.
Blog featured imagesLandscape 3:21600 × 1067 pxShown on the blog cards and at the top of each post.
Logo (header and footer)Wide or squareAt least 200 px tall, PNG with a transparent background or SVGShown about 44 px tall. Set it in Appearance → Editor: select the logo block.
Site iconSquare512 × 512 pxThe small icon in browser tabs. Settings → General → Site Icon.
  • Save photos as JPEG or WebP and keep each file under about 300 KB (a free tool such as squoosh.app does this).
  • WordPress crops to the shape for you: select the image → Crop in the toolbar to choose which part shows.
  • Fill in the Alternative text of each photo (for example “Our reception desk”) for accessibility and Google.
  • Only use photos you own or have permission for. Ask clients before you publish photos of them.

Colour styles

Default (black, cream and barber red with brass), Pomade, Saddle Leather and Mint Tonic. Try them in the live demo with the colour dots in the top bar.