T01 · Kenna Classic
Colorado real estate, clearly explained.
Open white space, a Dark Blue anchor, and one Light Green plane.
Kenna ClassicBest for: broad site default, company, and guide pages.
Sample · development pattern studio · one shared widget
Traditional, modern, and creative ways KLR can feel like KLR
This sample page is a visual choice board—not a final template. Compare the overall feeling of each named hero, then look at the section treatments that can carry the same language down a page.
Helping You With Your Pad
Dark Blue#22405E
Light Green#B7C297
Teal#0C899D
Dark Gray#202B35
Sample direction 01 · Traditional
Quiet confidence and familiar structure
These options feel established and trustworthy. They use clear boundaries, simple color blocks, and restrained detail.
T02 · Blue Ledger
A grounded opening with a strong point of view.
Dark Blue carries the hero while a fine ledger line keeps it editorial.
Blue LedgerBest for: trust pages, market guides, and decisive openings.
T03 · Quiet Green
A warmer welcome without losing structure.
Light Green becomes the field, with Dark Gray copy and outlined action.
Quiet GreenBest for: approachable education and first-time-buyer content.
Sample direction 02 · Modern
Clean gradients, sharper contrast, less visual weight
These options keep the official palette but use transparent color, depth, and stronger composition to feel more current.
M01 · Kenna Glow
Light, bright, and quietly modern.
Soft Teal and Light Green radiance sits behind crisp Dark Gray type.
Kenna GlowBest for: the modern default if we want a lighter site.
M02 · Blue Hour
Deep color with a calm Colorado edge.
Dark Blue moves into Dark Gray while Teal creates a controlled focal glow.
Blue HourBest for: feature guides and occasional high-impact heroes.
M03 · Teal Edge
Editorial white with a precise color cut.
A hard-angle Teal transition creates energy without adding a graphic illustration.
Teal EdgeBest for: directories, service pages, and comparison hubs.
Sample direction 03 · Creative
A distinctive graphic language without becoming playful
These options introduce pattern and asymmetry while keeping the frog artwork intact and the brand voice calm.
C01 · Contour Field
Place-aware texture with a field-guide feel.
Fine contour rings suggest orientation and terrain without drawing literal mountains.
Contour FieldBest for: city guides, relocation, and geographic navigation.
C02 · Grid Shift
Modern structure with one bold offset plane.
The fine grid feels practical; the angled Teal field gives KLR a recognizable visual move.
Grid ShiftBest for: search tools, directories, and comparison pages.
C03 · Frog Spotlight
Helping You With Your Pad
The existing frog becomes a confident signature, not a decorative cartoon theme.
Talk with Kenna
Frog SpotlightBest for: company, contact, and carefully selected action moments.
Sample direction 04 · Photographic heroes
Real hero imagery, with performance kept visible
These are purpose-built sample images, not listing photography. Both are lazy-loaded because this comparison section sits below the first screen.
A calmer way to find your place in Colorado.
Natural morning light, usable copy space, and a real-estate subject that feels specific without pretending to be an actual listing.
Explore the area
Local perspective, with a little movement.
This preview uses a slow image drift instead of downloading video. Reduced-motion settings automatically turn the movement off.
Compare communitiesSample section library
Backgrounds and patterns for the rest of the page
These are supporting treatments. A normal page would use only the few that match the reader’s task—not all six at once.
S01 · Editorial White
Open white space with a single Teal rule. This keeps ordinary explanation calm and readable.
Use for · guidance and processS02 · Green Mist
A Light Green wash fades to paper white, creating a quiet place for comparison or a practical takeaway.
Use for · compare and checklistS03 · Blue Proof Band
A full Dark Blue field with fine vertical lines. Strong enough for evidence, numbers, or a single important decision.
Use for · proof and trustS04 · Teal Focus
Paper white with a soft Teal focal circle. The color stays decorative so normal text remains accessible.
Use for · one key answerS05 · Offset Grid
A fine editorial grid with one Light Green edge. It creates structure without turning the page into a dashboard.
Use for · paths and resourcesS06 · Soft Gradient Action
A Dark Blue-to-Dark Gray field with one Teal glow. Reserved for the final voluntary action, not repeated between sections.
Use for · final action only