LT Keyline 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 Keyline, import the demo pages, make it yours and run the launch checklist.

LT Keyline is a block theme for locksmiths and emergency lockout services. See it live in the demo.

Section patterns (Pro)

PatternUse it for
Hero with 24/7 emergency call cardDark hero with headline, call buttons, trust points and a call card with your 24/7 number, example prices and an arrival target.
Services gridEight service cards with icon tiles: lockouts, lock changes and rekeying, smart locks, safes, commercial locks, car keys, broken key extraction, door and window locks.
Response timesDark band with your 24/7 line and the arrival times you can keep.
About the locksmithsIllustration of a locksmith at a front door, your story and a checklist.
How it worksFour steps from the first call to new keys in the customer’s hand.
Prices fromExample starting prices, the lock types you supply and fit, and payment options.
We always verify ownershipWhy you check ID and proof of address before every entry, and what customers should have ready.
Our locksmithsTeam cards with photo, role and bio.
Customer reviewsThree review cards (use real reviews only).
Frequently asked questionsExpandable questions about ID checks, arrival times, damage-free entry, prices, rekeying and car keys.
Service areaVan illustration with the towns you cover and a call button.
Hours and location24/7 line, key counter hours, address, phone and a map with directions.
Contact cardsCall 24/7, email and visit-the-key-counter cards.
24/7 emergency bannerSignal-yellow strip for your lockout phone line.
Call a locksmith call to actionSteel band with a call button and an email-for-a-quote button.
LT Keyline ownership check section

Page layouts (Pro)

  • Home page: the complete homepage.
  • Services page: services, how it works, prices, ownership check, FAQ and the 24/7 banner.
  • About page: your story, response times, ownership check, team and reviews.
  • Contact page: contact cards, 24/7 emergency banner, key counter hours and map.

Demo content to replace

  • Phone (555) 016-4686, email [email protected] and the Tumbler Lane address (header, footer, hero, contact sections).
  • Key counter hours (top bar, footer, hours section) and the “24/7” line (top bar, hero card, response times, FAQ, emergency banner). Keep “24/7” only if someone really answers around the clock.
  • Example prices in the hero card and the prices section, and the arrival times marked “(sample)”.
  • The example service areas, team names, roles and photos, and the sample reviews.
  • The documents listed in the ownership check: match them to your real policy and local rules.

Keep the ownership check and never promise entry without it. Only mention licences, bonding, insurance, certifications, response times and emergency hours your business really has, and name lock or car brands only to say what you work on, never as a partnership you do not have.

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 locksmith at work, for example fitting a lock on a front door or cutting a key at the counter.
Service area photoLandscape 5:41600 × 1280 pxYour van or a locksmith on the way to a job. Blur or remove number plates and house numbers.
Team photosPortrait 4:5800 × 1000 pxHead and shoulders in work clothes, 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, steel and signal yellow), Brass Key, Deadbolt and Night Call. Try them in the live demo with the colour dots in the top bar.