TK Realtors — Century 21 Masters. A warm, local-expert lake brand with a live property search. Agents Kyler Battleson & Trace Emerson, Canyon Lake, California.
Design style: Classic real-estate / community-focused — Warm · Trustworthy · Community-rooted · "Lake-life" premium-but-approachable.
c:\Users\kennk.LAPTOP-A8011HPU\Desktop\Templates\Team Agents\TK Realtors
The brand system is Century 21 "Relentless Gold" over graphite, on warm off-white surfaces. Every value below is a real --custom-property from css/styles.css.
Headings: Fraunces (serif, optical-sizing, weight 600, negative tracking). Body: Inter (sans). Weights loaded: 400–700 for both families. Live Google Fonts render below.
Lede — A warm, local-expert lake brand with a live property search, built for the Canyon Lake community. (p.lead · Inter · clamp 1.075→1.35rem, color --text)
Body — Century 21 Masters agents Kyler Battleson and Trace Emerson guide buyers and sellers across Canyon Lake, Murrieta, Temecula, and Riverside. Body copy uses Inter with a slight negative letter-spacing (-0.006em) and 1.6 line-height. (color --text-muted)
Small — License #, disclaimers, and meta text. 0.8–0.85rem, --text-muted.
Inter 700 · letter-spacing .18em · uppercase · color --primary-dark, with a 26px gold rule prefix.
--container1200px (narrow: 820px)--space-xs0.5rem--space-sm0.75rem--space-md1.25rem--space-lg2rem--space-xlclamp(2.5rem, 6vw, 5rem)--space-2xlclamp(3.5rem, 9vw, 7rem) — section padding-block--header-h66px (74px ≥900px)--easecubic-bezier(.22, .61, .36, 1)--shadow-sm0 1px 3px rgba(28,28,30,.08)--shadow-md0 10px 30px -12px rgba(28,28,30,.22)--shadow-lg0 24px 60px -20px rgba(28,28,30,.32)Buttons & badges are pills (999px); cards/media are 14px; inputs and small elements are 9px.
Pill buttons, min-height 48px, Inter 600. Hover lifts −2px; active returns to 0. Hover the samples to see the real states.
Primary gold → hover fills gold-dark with white text + medium shadow. Dark graphite → hover to pure black. Outline graphite border → hover fills graphite.
Ghost-light: transparent with translucent white border → hover fills white with graphite text. Used over hero and CTA bands.
Inputs are 48px min-height, white with 1.5px warm border, 9px radius. Focus turns the border gold with a 3px gold glow.
Required fields marked with a gold asterisk. Invalid fields shift the border to #c0392b.
Translucent white header (blur), graphite logo tile with gold inner ring, Lucide icon per link on the live site, gold underline on hover/active, pill CTA.
Deep knowledge of Canyon Lake neighborhoods, HOA, and waterfront life.
Gold "Featured" badge, graphite status pill, and the red "Sold" variant used on listing cards.
Icons across the site use the Lucide SVG set (1.25em, stroke currentColor, 2px stroke, round caps).
Find your place on the water.
Warm, local expertise from Century 21 Masters — with a live property search and genuine lake-community insight.
Top Producer — Canyon Lake specialist.
Let's tour your next home.
The dark CTA band pairs graphite with gold-soft accents and inverted type.
Generated as a design reference for the TK Realtors template. No tracking or external scripts — fonts loaded from Google Fonts (the same source the template uses).