SafePlay Pro / Brand & Design System
BRAND &
DESIGN
SYSTEM
Visual language, component patterns, and content standards for the SafePlay Pro website redesign. Built around the three colors SafePlay Pro works with every day: court blue, court red, and court green.
About This Guide
Purpose & Scope
SafePlay Pro is genuinely differentiated in the Utah market. The current website communicates almost none of it. The redesign leads with the colors of the product itself — the vibrant acrylic court palette that is SafePlay Pro’s literal output every day.
0/5
Utah competitors offer G-Max testing — the single most valuable uncontested niche.
1,000+
Facilities serviced — a major credibility signal hidden in the About page body text.
CTB+
Brian holds CTB and CTCB — equivalent to Renner Sports’ top staff. Mentioned once in small type.
Design rationale: The court colors are the product. Every court SafePlay Pro surfaces uses blue, red, and green acrylic. The brand palette should come directly from what the company builds — not from generic “safety” gold or corporate navy. This differentiates SafePlay Pro from every competitor who uses neutral palettes.
01 — Foundation
Color System
The visual foundation of the site is neutral: warm white, dark charcoal, and mid-tone grays carry all backgrounds, headlines, and body content. The three court colors — blue, red, and green — are drawn directly from standard acrylic sport court surfacing and appear as controlled accent punctuation only. They earn attention precisely because the neutral ground is restrained.
Accent-first rule: Court colors may appear on buttons, labels, borders, icons, stat numbers, and small filled badges. They may not appear as section backgrounds, hero fills, or large panels. If a court color covers more than roughly 10% of a section’s visual area, it is being used as a primary color — that is a violation of this system.
Neutrals — The Foundation
Surface
–surface
#F4F2ED
Primary page background. Hero sections, services grid, gallery, testimonials. The dominant visual ground across the entire site.
White
#FFFFFF
#FFFFFF
Card and panel background. Navigation, content cards, Jazz banner, form fields. Lifts content off the warm surface ground.
Text Dark
–text-dark
#1A1B1C
All headlines and primary text. Never replaced by a court color in body copy. Court colors appear only in display elements and labels.
Dark Base
–dark
#0F1011
Dark section background. G-Max differentiator section, estimate form, footer. Used as deliberate punctuation — maximum two dark sections per page.
Court Palette — Accent Colors
Playing Surface
Court Blue
–court-blue
#1565C0
Leading accent. CTA buttons, hyperlinks, eyebrow labels, nav active state, section number highlights, form focus rings, cert tile borders. The most frequently used court color — but still an accent, not a background fill.
Out-of-Bounds Zone
Court Red
–court-red
#C62828
Urgency accent. “No Competitor Offers This” badge, required field asterisks, error states, the G-Max differentiator badge. Reserve for moments that must stop the eye — not for decoration.
Court Surround
Court Green
–court-green
#2E7D32
Confirmation accent. “Yes” competitor tags, checkmarks in photo direction, cert tile UFOMA/UIAAA border, positive outcomes. The most restrained of the three — use it the least.
Blue Pale
–court-blue-pale
#E3F0FF
Tinted fill for active nav items, note boxes, highlighted table rows. Never a section background. Always paired with a blue border or blue text.
Red Pale
–court-red-pale
#FEECEC
Tinted fill for alert note boxes and error states. Never a section background. Always paired with red border or red text.
Green Pale
–court-green-pale
#EBF5EC
Tinted fill for success note boxes. The lightest touch of court color available. Barely noticeable — that is the intent.
Section Color Map
NavigationWhite ground — court-blue accent on active links and hover only
Hero Section–surface warm off-white — court-blue on CTA button; stat numbers may use court colors
Jazz BannerWhite — court-blue accent on border-top only
Services Grid–surface — court colors on service card icons and top borders only; card body remains white
G-Max Differentiator–dark base — court-red badge; court-blue stat numbers; no large colored fills
Certifications Band–surface-2 — court color appears only as 3px top border per cert tile
Gallery, Testimonials–surface / white alternating — no court color fills; photos carry the color
Estimate Form + Footer–dark base — court-blue on input focus rings and submit button only
Color Role Assignment
| Color | Role | Permitted uses | Not permitted |
|---|---|---|---|
| Neutrals | Visual foundation | All section backgrounds, all body text, all borders, card surfaces, headlines | Never use a court color where a neutral would serve |
| Court Blue | Leading accent — trust / action | CTA buttons, hyperlinks, eyebrow labels, nav active state, number highlights, form focus, cert tile borders, small filled badges | Section backgrounds, hero fills, large panels, body text |
| Court Red | Urgency accent — stop the eye | “No Competitor Offers This” badge, required field asterisks, error states, G-Max featured badge, the one dark-section differentiator accent | Section backgrounds, decorative uses, anything that doesn’t demand immediate attention |
| Court Green | Confirmation accent — most restrained | Competitor table “Yes” tags, photo direction checkmarks, cert tile border accent, positive outcome labels | Section backgrounds, buttons, any primary call to action |
01 — Foundation
Typography
Two typefaces with strict role separation. Bebas Neue for institutional authority. DM Sans for all readable content. The court colors replace gold in all type accent contexts.
Bebas Neue
Display / Identity
All-caps condensed face for headlines, large stats, card names, and the wordmark. Never below 18px. Never for body content.
Weight: 400 only. Source: Google Fonts.
Weight: 400 only. Source: Google Fonts.
SAFE
PLAY
PRO
PLAY
PRO
DM Sans
Body / UI
Geometric sans suited to B2B facility services. Weights: 300 (long body text), 400 (regular), 500 (UI labels), 600 (buttons, strong labels).
Optical size: 9..40. Source: Google Fonts.
Optical size: 9..40. Source: Google Fonts.
Utah’s Only Court + Track + Turf Safety Specialist
Type Scale
Display / Hero
Bebas Neue 400
96–108px, ls: 0.02em
color: –text-dark or court colors
96–108px, ls: 0.02em
color: –text-dark or court colors
EVERY SURFACE.
Section Headline
Bebas Neue 400
48–64px, ls: 0.02em
color: –text-dark
48–64px, ls: 0.02em
color: –text-dark
G-Max Certified Testing.
Large Stat
Bebas Neue 400
96–140px, ls: 0.01em
color: court-blue, red, or green
96–140px, ls: 0.01em
color: court-blue, red, or green
0/51,000+
Body / Lead
DM Sans 300–400
15–17px, lh: 1.65–1.75
color: –text-mid
15–17px, lh: 1.65–1.75
color: –text-mid
Athletic directors and facility managers carry real legal liability when a field fails safety standards. G-Max testing measures shock absorption of synthetic turf and natural grass.
Label / Eyebrow
DM Sans 600–700
10–11px, ls: 0.18–0.20em
ALL CAPS, color: –court-blue
10–11px, ls: 0.18–0.20em
ALL CAPS, color: –court-blue
Utah Sport Facility Safety Specialist
Button Label
DM Sans 700
12–13px, ls: 0.12em
ALL CAPS, white on court color
12–13px, ls: 0.12em
ALL CAPS, white on court color
01 — Foundation
Spacing & Layout
Generous spacing is a credibility signal. Every section breathes at 80–120px top and bottom.
Spatial Scale
xs
4px
Tight inline element gap
sm
8px
Icon-to-label, badge padding, list gap
md
12–16px
Form element gap, nav spacing
lg
24px
Card padding (dense), stat margin
xl
40px
Card padding (standard)
2xl
64px
Container side padding, footer gap
3xl
80–96px
Two-column grid gap
section
120px
Section top / bottom padding
Layout Grid
| Property | Value | Notes |
|---|---|---|
| max-width | 1280px | Page container maximum width |
| side padding | 64px desktop / 24px mobile | Container horizontal padding |
| primary grid | 1fr 1fr | Content left, trust signal right |
| services grid | repeat(3, 1fr) | G-Max card spans 2 of 3 columns in row 2 |
| gallery grid | 1.5fr 1fr 1fr | Large left card spans 2 rows |
| footer grid | 280px 1fr 1fr 1fr | Brand column fixed, nav columns equal |
| nav height | 72px | Fixed top, backdrop blur |
| card grid gap | 2px | Cards flush-adjacent. White space lives around the grid, not between cells. |
02 — Components
Buttons & CTAs
Each court color maps to a specific CTA role. Blue is the primary action. Red signals the competitor differentiator. Green is used sparingly for positive confirmation. Never two filled primary buttons in the same section.
Primary CTA — Court Blue (main conversion)
Fill: –court-blue (#1565C0). Text: white. Hover: –court-blue-dk (#0D47A1). Padding: 13px 26px standard, 18px 36px for hero. Weight: 700. Always ALL CAPS. Border radius: 0.
Alert CTA — Court Red (for G-Max / no-competitor callouts)
Fill: –court-red (#C62828). Text: white. Used exclusively for the G-Max differentiator section and the “No Competitor Offers This” featured card badge. Creates urgency without being alarming.
Outline Button — Light Context
Border: 1.5px solid –court-blue. Text: –court-blue. Hover: fills with –court-blue, text becomes white. Use when a secondary path needs to be visible but not compete with the primary CTA.
Outline Button — Dark Context
Border: 1px solid rgba(255,255,255,0.30). Hover: blue tint background. Used in the dark G-Max section and gallery.
Text Link Button
Court-blue text with right arrow. Inline within card descriptions and banners. Never used as a primary conversion point.
CTA hierarchy: Blue fill (primary action) > Red fill (G-Max/differentiator only) > Blue outline (secondary) > Blue text link (tertiary). Green fill is not used for CTAs — green is reserved for confirmation states only.
02 — Components
Cards
Service Cards — Each service gets its own court color
Pickleball & Tennis
Court surfacing, resurfacing, conversions, crack repair, and accessories.
Learn More
Uncontested in UT
Running Track
Crack repair, cleaning, striping, CAD record keeping, budget forecasting.
Learn More
Uncontested in UT
Synthetic Turf
Grooming, infill aeration, G-Max testing, turf repairs, CAD delivery.
Learn More
Icon container: Each service gets the pale version of its court color. Service link: Matches the service color. Card background: #FFFFFF on –surface. Hover: translateY(-3px) + subtle box-shadow. Border radius: 0 everywhere.
Featured G-Max Card — Dark with Blue + Red
△ No Competitor Offers This
G-Max Safety Testing
Independent G-Max impact testing. ASTM F355-A and F1936 compliant. SafePlay Pro is the only Utah company providing this service.
Explore G-Max Testing
Background: –dark. Border: rgba(21,101,192,0.4) — blue border signals safety/trust. Badge: court-red fill. The red badge against the dark card creates maximum visual urgency for the differentiator message.
Credential Card — Three-color left bar
Founder Credentials
1,000+
Sport facilities serviced across Utah and the Rocky Mountain region
CTB
Certified Track Builder
CTCB
Certified Tennis Court Builder
Left border: 4px gradient — blue to red to green (the three court colors). Immediately signals this is a SafePlay Pro brand element. Used in hero right column and anywhere trust credentials need to be shown on dark.
Trust Bar — Court colors for each stat
1,000+
Facilities
Serviced
Serviced
CTB
CTCB
Certified
Certified
15+
Years of
Experience
Experience
JAZZ
Utah Jazz
Community Court
Community Court
Each stat uses a different court color, cycling blue/red/green. Bebas Neue 26px. Sits on –surface-2 at the bottom of the hero section. Items separated by 2px gap (same as card grids).
Certification Tiles — Court color top border per cert
CTB
Certified Track Builder
USTFCCCA
CTCB
Certified Tennis Court Builder
ASBA
UFOMA
Utah Facility Operations Managers
Member
UIAAA
Utah Interscholastic Athletic Admins
Member
Each tile gets a 3px top border in a court color (cycling: blue, red, green, blue). The cert code color matches the border. On –surface-2, white card background. Hover: translateY(-2px).
02 — Components
Badges & Labels
Positioning Badges — Court colors signal meaning
Uncontested in Utah
△ No Competitor Offers This
G-Max Compliant
“Uncontested in Utah” (blue) on Running Track and Synthetic Turf cards — trust/credibility color. “No Competitor Offers This” (red) on G-Max card — urgency color. “G-Max Compliant” (green) on turf maintenance card — success/confirmation color.
Outline Badges — Pale fill versions for subtler contexts
CTB
CTCB
UFOMA
UIAAA
ASTM F355-A
ASTM F1936
NIST Traceable
Cert chips use blue (trust). ASTM compliance badges use red (standards/requirements). NIST traceable uses green (verified/confirmed). Pale fill + matching text and border. Used in footer, hero credential card, and G-Max section.
Competitor Gap Tags — Dark Context
✕ No
✓ Yes
“No” is muted (thin border, low contrast — intentional). “Yes” is court-blue fill with white text. In the competitor table, blue draws the eye directly to SafePlay Pro’s row.
02 — Components
Form Elements
Text Input — Light Context
Default border: –border-dark (#C8C4BC). Focus ring: –court-blue. Required asterisk: –court-red. Label: 10px / 700 / ALL CAPS / –text-mid. No border radius. The blue focus and red asterisk use the court palette directly.
Text Input — Dark Context
Fill: rgba(255,255,255,0.06). Focus: –court-blue-mid. Used in the dark estimate form section. Court blue focus ring keeps the palette consistent in dark contexts.
Form placement rule: Every service page must have an embedded estimate form or a prominent blue CTA button above the fold. The current site’s buried text-link CTAs are the highest-impact fix available.
03 — Direction
Photography
The court color palette only works when the photography confirms it. Every photo of a finished court surface should show the actual vibrant blues, reds, and greens of the acrylic. These colors are the brand evidence.
Use This
Photography that shows the vibrant court palette and technical precision.
- Aerial shots of courts showing the full color layout — blue surface, red border, green surround
- Close-up surface texture showing the acrylic color saturation and quality of application
- G-Max equipment in use on a field, technician visible
- Before/after pairs — the color difference tells the whole story
- Utah Jazz court with visible branding (permission required)
- Track lane stripes: tight crop, crisp lines, high contrast
- CAD drawing next to a finished facility
Avoid This
Photography that contradicts the brand palette.
- Generic stock photos not connected to SafePlay Pro’s actual work
- Faded, worn, or pre-maintenance court surfaces
- Blurry or unedited phone photos
- Night or poorly-lit shots that flatten the color
- Courts with non-standard or muddy color choices
- One image serving as the only photo for an entire page
- Photos with distracting backgrounds that compete with the court colors
Required Asset List
Check Brian’s Google Drive folder (Safe Play Pro Photos / Videos) first. Priority is shots that show the actual court colors prominently.
Hero
Aerial of finished courts showing the full blue/red/green color layout. Landscape orientation, saturated colors.
Jazz Banner
Utah Jazz community court with branding visible. Written permission required before publishing.
G-Max Section
G-Max missile drop on synthetic turf field. Technician and equipment visible. Field-level, horizontal.
G-Max Card
Testing equipment in action. Conveys independent, precise safety testing.
Track Gallery
High school track after maintenance — red polyurethane surface, crisp white lane stripes, aerial preferred.
Turf Gallery
Synthetic turf maintenance: grooming equipment on field, or CAD report handoff.
Pickleball Gallery
Freshly surfaced courts showing the full blue + red color scheme. Natural light, crisp lines.
Brian Portrait
Professional headshot or action shot at a facility. For certifications page and about section.
Surface Close-up
Macro of acrylic surface texture — shows material quality vs. SportMaster-grade. Vivid color.
03 — Direction
Voice & Tone
SafePlay Pro serves two distinct primary buyers who respond to different registers. The institutional buyer — athletic directors, facility managers — is making a capital decision with professional liability attached. The residential buyer — homeowners, luxury property owners — is making a quality-of-life and investment decision. Each requires a different voice. The site must serve both without blurring either.
Two Primary Buyers
Buyer A — Institutional
Athletic Directors & Facility Managers
Country clubs, universities, school districts, public facilities. Making a capital decision that carries personal liability if a surface fails or an injury occurs.
- G-Max compliance and NFHS standards
- Insurance exposure and safety documentation
- ASTM certification references
- Named credentials: CTB, CTCB, UFOMA, UIAAA
- Track record with named institutions
Buyer B — Residential
Homeowners & Luxury Property Owners
Backyard pickleball and tennis courts, high-end residential builds. Motivated by quality, longevity, and trust in the contractor — not compliance frameworks.
- Fear of doing it wrong and paying twice
- Material quality vs. cheap local alternatives
- Single point of contact, clear timelines
- Country club and luxury build experience
- Honest conversation about price and value
Register by Page Type
| Institutional pages (G-Max, Track, Turf) | Residential pages (Court surfacing, Construction) | |
|---|---|---|
| Opening hook | Liability, compliance, risk exposure | Quality, longevity, trust in the person doing the work |
| Tone | Precise, credentialed, zero warmth wasted | Direct, confident, personable — Brian’s actual voice |
| Proof points | ASTM F355, NFHS, UFOMA/UIAAA relationships, named institutions | Country club experience brought to your backyard, real timelines, one contact start to finish |
| Humor | None | Occasional and earned — see the portable net FAQ as the benchmark |
| Price framing | Not addressed — quality signals carry the argument | Named honestly: “You will find cheaper. Here is what that means.” |
Before / After — Institutional
Current
“A properly applied sport surface looks fantastic, is more fun to play on and extends the life of the facility.”
Redesign
“Utah’s Only Court + Track + Turf Safety Specialist. G-Max Certified Testing. 1,000+ Facilities.”
Current
“No one knows there’s a problem till there is a big problem.”
Redesign
“Athletic directors carry real legal liability when a field fails safety standards. We test before that happens.”
Current
G-Max page alt text: “Gmax Testing Utha”
Redesign
“G-Max Safety Testing — Utah” with ASTM compliance, NFHS requirements, NFL reference expanded
Before / After — Residential
Current
No residential-specific copy exists. Generic “quality surfaces” language with no homeowner context.
Redesign
“Most of our work is for country clubs and universities. We bring that same level of precision directly to your backyard.”
Current
Price is never discussed. No acknowledgment that cheaper options exist.
Redesign
“You will find cheaper options. That’s a fact. Lower price comes with inferior materials, rushed prep, and surfaces that don’t last. We offer an honest price for an exceptional court.”
Current
No contractor selection guidance. Visitor has no frame for evaluating SafePlay Pro vs. competitors.
Redesign
“Good questions to ask any contractor: What materials do you use — pre-pigmented or mixed on site? What’s your warranty? Will you be around in a few years to honor it?”
Tone Principles
01
Lead with liability on institutional pages Updated
On G-Max, track, and turf pages the B2B buyer’s primary motivation is professional protection. Lead with what’s at stake — G-Max failures, NFHS compliance, insurance exposure — before talking about craftsmanship or surface quality. On residential pages this principle does not apply. Pivot to quality, longevity, and trust instead.
02
Credentials before adjectives
Never write “quality” or “professional” without backing it with a credential. “Brian, CTB/CTCB” is more powerful than “our experienced team.” Specificity is the credibility mechanism on every page for both buyer types.
03
Own the uncontested niches explicitly
Every G-Max, running track, and synthetic turf page should state: no other Utah contractor offers this. Say it, don’t imply it. This holds equally on residential pages that mention track or turf work.
04
Brian is the brand Updated
One point of contact from consultation to final striping. Same person. Real start date. Real completion timeline. No handoffs, no disappearing crews, no confusion. On residential pages lean into the warmth of this: “The person you speak with at the beginning is the same person you’ll work with all the way through.” On institutional pages frame it as operational assurance. Either way, use Brian’s first name throughout the site.
05
Numbers speak, claims don’t
Replace “years of experience” with “15+ years.” Replace “many facilities” with “1,000+ facilities.” Replace “various certifications” with “CTB & CTCB.” Every vague claim has a specific number that’s more persuasive on every page for every buyer.
06
Name the price gap honestly New
Residential buyers will find cheaper contractors. Don’t avoid this — own it. “You will find cheaper options. That’s a fact.” Then explain what that means: inferior materials, rushed prep, surfaces that peel and fade quickly. Honest acknowledgment of the price gap is more persuasive than pretending competitors don’t exist. This posture belongs on residential pages only; institutional pages don’t need the price conversation.
07
Be the industry educator on contractor quality New
Brian has strong opinions about low-quality contractors and cheap materials that can’t be stated as direct attacks. The better move is to give buyers the right questions to ask: “What materials do you use? Do they come pre-pigmented or mixed on site? What’s your warranty policy? Will you be around in a few years to honor it?” This positions SafePlay Pro as the knowledgeable guide without naming competitors. FAQ pages and blog content are the right venue for this voice.
On residential humor: Brian’s portable net FAQ — “Dads… I’m talking to you… You don’t want your kids asking why is Dad always in a bad mood” — is the correct register for residential FAQ and blog content. Warm, direct, self-aware. It should not appear on institutional service pages. The rule: humor builds connection with a homeowner; it should never appear where it could undercut a professional buyer’s confidence in Brian’s technical expertise.
03 — Direction
Design Principles
1
Neutrals carry the page; court colors earn attention
Blue, red, and green connect the brand to the product — every court SafePlay Pro surfaces uses these exact colors. But they work best as punctuation, not as wallpaper. The neutral ground (warm white, dark charcoal) does the heavy lifting. Court colors appear on buttons, labels, borders, icons, and numbers precisely because the rest of the page is restrained. If court colors are everywhere, they stop being distinctive.
2
Blue accent, red accent, green accent — in that order of frequency
Court blue is the leading accent: it drives CTAs, links, and the primary interactive layer. Court red is reserved for urgency signals that must stop the eye — the G-Max badge, error states, the differentiator callout. Court green is the most restrained, appearing only for confirmed positive outcomes. If you find yourself reaching for a court color as a background fill, use dark charcoal or warm white instead.
3
Neutral ground, court color punctuation — the 10% rule
At any given scroll position, court colors should cover no more than roughly 10% of visible screen area. Buttons, eyebrow labels, icon fills, cert tile borders, and stat numbers collectively stay within that budget. The two dark sections (G-Max, form/footer) are the only permitted large non-neutral fills — and they are dark charcoal, not a court color. When a photo is on screen, it brings the court colors naturally; no additional color reinforcement is needed nearby.
4
Zero border radius everywhere
All components use 0px border radius. Court lines are straight and precise. The design language should match the product: no soft edges, no rounded corners, no “friendly” pill shapes. Precision signals expertise.
5
Flush grid cards
Service cards, gallery photos, and testimonials sit at 2px gap from each other — mimicking how court segments meet. Strong visual grids feel engineered rather than assembled. White space lives around the grid, not between cells.
6
The right column is always for trust
In two-column layouts, the right column holds the credential card, certification info, or ASTM badges. Readers scan left-to-right: proposition on the left, verification on the right. The three-color left bar on the credential card signals the complete SafePlay Pro palette.
7
Bebas Neue for authority, DM Sans for information
Never use DM Sans for large display text. Never use Bebas Neue below 18px or for body content. The typeface split is strict — the two voices must never blur together.
04 — Context
Current Site Audit
What the live site scores as of March 2026. These are the gaps the redesign addresses.
3/10
SEO Score
2/10
Lead Gen
3/10
Design/UX
4/10
Messaging
Critical
No CTAs on service pages
Every service page ends with “Contact us (Click Here)” buried in body text. Zero standalone buttons. Zero embedded forms. Highest-impact single fix.
Critical
Zero social proof anywhere
No Google reviews displayed. No testimonials. No client logos. No project gallery. The Utah Jazz credit is in a 2017 blog post no visitor will find.
Critical
Free WordPress theme (Karuna)
Recognizable as a default free theme. “Theme: Karuna by Automattic” is visible to every visitor in the footer.
Critical
No estimate form on service pages
Lead capture requires navigating to a separate contact page. Every top competitor has forms embedded on service pages.
High
G-Max page: thin and unoptimized
Under 400 words. No FAQ. No schema. Alt text typo: “Gmax Testing Utha.” No CTA. The most valuable uncontested page in Utah is functionally invisible to search.
High
Incomplete NAP and wrong area code
Footer address missing city/state/ZIP. Phone is 303 (Colorado). Both damage local SEO and signal non-local to Utah prospects.
High
Blog last updated February 2023
4 posts total, most from 2016–2017. Signals inactivity to Google. All top competitors have active content sections.
High
No certifications page
Brian’s CTB and CTCB credentials appear once in small text. Renner Sports has a dedicated certifications page listing staff by name — it’s the strongest trust page in the competitive set.
Medium
Brand name confusion
Site title reads “SPORT SURFACES + MAINTENANCE.” Domain is safeplaypro.com. The brand name is inconsistent throughout.
Medium
Utah Jazz credential buried
Referenced only in a 2017 blog post. SafePlay Pro’s Jazz credit outranks Renner’s project gallery as a Utah-market trust signal if properly promoted.
04 — Context
Competitor Gaps
No competitor offers these services — not even Renner Sports, the most sophisticated player in the market.
| Service / Niche | SafePlay Pro | Courts Unlimited | Ace Courts | Renner Sports | Others |
|---|---|---|---|---|---|
| G-Max Safety Testing | YES | No | No | No | No |
| Running Track Maintenance | YES | No | No | Weak | No |
| Synthetic Turf Maintenance | YES | No | No | Weak | No |
| UFOMA / UIAAA Relationships | YES | No | No | No | No |
| Court Surfacing (Pickleball/Tennis) | YES | YES | YES | YES | YES |
| Certifications Page | Weak | Weak | No | YES | No |
| Named Project Gallery | Weak | Basic | Strong | Strong | Varies |
Design consequence: The G-Max differentiator section gets the red “No Competitor Offers This” badge and is the only dark section in the top half of the page. It must stop the scroll.
Hero Headline Options — Choose One
Option 01
The Complete Scope
Court. Track. Turf. Tested.
Leads with the uncontested breadth nobody else in Utah can claim. “Tested” carries G-Max in a single word. Risk: reads as a capabilities list without a strong subhead to frame it as a positioning statement.
Recommended
Option 02
The Utah Authority
Utah’s Court Standard
Short and ownable. Positions SafePlay Pro as the benchmark others are measured against, not a specialist within a category. Gives the subhead room to carry scope and credential detail. Risk: vague without a strong subhead.
Recommended
Option 03
The Proof of Work
We Build It. We Test It. We Stand Behind It.
Process-forward. Three-part rhythm mirrors the tricolor brand bar. G-Max testing lands naturally as “we test it” without leading with compliance language. Resonates with residential buyers who fear doing it twice. Risk: long for a single hero display line.
Option 04
The Longevity Frame
Built to Last Decades, Not Seasons
Directly addresses the residential fear of paying twice. Implicitly positions against cheap competitors without naming them. Pairs well with materials and process copy. Risk: softer on the institutional side — does not signal compliance or testing.
Option 05
The Institutional Trust Brought Home
Country Club Quality. Any Court.
Leverages Brian’s credibility transfer directly — country club and university experience brought to your backyard. Short, high-contrast, strong split across two lines. Risk: leans residential; may underweight the G-Max and institutional traffic if that is a priority SEO target.
Option 06
The Monopoly Statement
Utah’s Only Court + Track + Turf Specialist
Closest to the original direction but drops “Safety” and leads with scope. “Only” is verifiably true and carries maximum competitive weight. Very SEO-friendly. Risk: the plus signs can read as a navigation label rather than a headline at display scale.
Shared Elements — Constant Across All Options
Court Surfacing · Running Track Maintenance · Synthetic Turf · G-Max Safety Testing
Brian Renner, CTB/CTCB · 15+ years · 1,000+ facilities · Trusted by the Utah Jazz
Replace 303 Colorado area code with a Utah 385 or 801 number as the first priority action before launch.