JJHomes Media Services
jjhomesphotography.com“JJHomes Media Services projects a serious, premium, and highly professional image, emphasizing quality and efficiency in real estate photography. The brand's communication is direct and benefit-focused, aiming to assure clients of superior visual marketing solutions.”
Color Palette
Colors
Light Mode
Dark Mode
Typography
Fonts
Times New Roman
Source Sans Pro
arial, sans-serif
Cinzel
Georgia, serif
Source Sans Pro
arial, sans-serif
The quick brown fox
16pxThe quick brown fox
29pxThe quick brown fox
40pxThe quick brown fox
29pxThe quick brown fox
29pxVoice & Tone
Personality
Visual Energy
Design Era
classic-editorial
Emotional Tone
trustworthy-premium
Target Audience
Real estate agents, brokers, and developers in Tulsa seeking high-end, effective visual marketing to sell properties faster and enhance their own professional image.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Utilize a stark black and white color palette, with #000000 for primary text and #ffffff for backgrounds, maintaining a high-contrast, minimalist aesthetic.
- Employ 'Source Sans Pro' (400 weight) for all headings and body text, ensuring readability and a modern, professional feel.
- Use 'Cinzel' (400 weight) specifically for prominent headings or titles where a more classic, elegant touch is desired, always in title-case.
- Apply title-case for all headings across the website and marketing materials.
- Incorporate frequent exclamations and benefit-focused phrases in copy, such as 'sell homes faster' and 'Hire the best real estate photographer Tulsa has!'
- Maintain a consistent base unit of 2px for all spacing and sizing, contributing to a precise and organized layout.
- Focus on action-oriented imperative verbs in CTAs, combined with clear benefit statements, e.g., 'Hire the best' or 'Get a quote today'.
- Use emoji sparingly and strategically, primarily for emphasis or to add a touch of approachability without detracting from the serious tone.
Don't
- Avoid any use of gradients in design elements, as the brand's aesthetic is flat and high-contrast.
- Do not apply box-shadows to any elements; maintain a flat design without depth effects.
- Refrain from using playful or overly casual language; the brand's tone is serious and professional.
- Do not introduce additional colors beyond the #000000 and #ffffff palette, to preserve the minimalist and premium look.
- Avoid rounded corners or pill-shaped elements; the brand's design implies sharp, clean lines.
- Do not use body fonts other than 'Times New Roman' (400 weight) or 'Source Sans Pro' (400 weight).
- Do not use excessive jargon that might alienate a broader real estate professional audience; keep technical terms moderate and accessible.
- Avoid any visual effects that add 'fluff' or unnecessary embellishment; the brand is about direct, premium presentation.
Design Assets
Visual Elements
<!-- Generated by ExtractVibe — https://extractvibe.com/brand/jjhomesphotography.com -->
<!-- Extracted: 2026-11-05T13:32:06.308Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "JJHomes Media Services"
description: "JJHomes Media Services projects a serious, premium, and highly professional image, emphasizing quality and efficiency in real estate photography. The brand's communication is direct and benefit-focused, aiming to assure clients of superior visual marketing solutions."
colors:
primary: "#000000"
neutral: "#919191"
surface: "#ffffff"
on-surface: "#000000"
on-surface-secondary: "#919191"
surface-dark: "#000000"
typography:
display-lg:
fontFamily: "Source Sans Pro"
fontSize: "29px"
fontWeight: "400"
lineHeight: "36.25px"
headline-lg:
fontFamily: "Cinzel"
fontSize: "40px"
fontWeight: "400"
lineHeight: "50px"
headline-md:
fontFamily: "Source Sans Pro"
fontSize: "29px"
fontWeight: "400"
lineHeight: "36.25px"
headline-sm:
fontFamily: "Source Sans Pro"
fontSize: "29px"
fontWeight: "400"
lineHeight: "36.25px"
body-md:
fontFamily: "Times New Roman"
fontSize: "16px"
fontWeight: "400"
spacing:
base: "2px"
xs: "1px"
sm: "2px"
md: "4px"
lg: "6px"
xl: "8px"
---
# JJHomes Media Services — Design System
## Overview
JJHomes Media Services establishes a design atmosphere rooted in the archetypes of The Ruler and The Sage. This translates into a visual language that is premium, professional, and cinematic, mirroring the esteemed presence of brands like Sotheby's International Realty and Architectural Digest. Every design element is crafted to convey authority, precision, and an unwavering commitment to quality. The aesthetic is direct and benefit-focused, assuring clients of superior visual marketing solutions through a serious and considered presentation. We aim to evoke trust and confidence, positioning JJHomes as the definitive choice for high-end real estate photography.
This design system explicitly avoids anything casual, playful, or overtly trendy. There are no vibrant accent colors, whimsical illustrations, or informal typography. The design does not cater to a broad, general audience but rather speaks directly to a discerning clientele accustomed to the refined standards of brands such as Rolex and Mercedes-Benz. Our visual communication is not about fleeting impressions but about enduring value and professional excellence. It is a system built for clarity, efficiency, and an undeniable sense of prestige.
**Key characteristics:**
- Vibe — premium, professional, cinematic, efficient, direct, serious
- Archetypes — The Ruler, The Sage
- Comparable to — Sotheby's International Realty, Architectural Digest, Rolex, Mercedes-Benz
- Design era — classic-editorial
- Emotional tone — trustworthy-premium
- Target audience — Real estate agents, brokers, and developers in Tulsa seeking high-end, effective visual marketing to sell properties faster and enhance their own professional image.
- Visual energy — 6/10 (moderate)
## Colors
The color philosophy for JJHomes Media Services is minimalist and impactful. The primary use of #000000 (black) and #ffffff (white) establishes a stark, high-contrast palette that signals premium quality and serious professionalism. Black conveys sophistication, power, and timeless elegance, aligning with the brand's cinematic aspirations. White provides clarity and acts as a clean, expansive surface, emphasizing precision and efficiency. This limited palette ensures focus on content and reinforces the brand's direct, no-nonsense approach to superior visual marketing.
### Light mode
| Role | Hex | Name |
|------|-----|------|
| primary | `#000000` | Black |
| surface | `#ffffff` | White |
| background | `#ffffff` | White |
| text | `#000000` | Black |
| secondary text | `#919191` | Gray |
| muted | `#919191` | Gray |
### Dark mode
| Role | Hex | Name |
|------|-----|------|
| surface | `#000000` | Black |
## Typography
The typography system employs a sophisticated blend to communicate authority and refinement. Times New Roman and Cinzel, both serif fonts, are utilized for their classic, authoritative presence, aligning with the Ruler archetype and conveying a premium, established feel. Source Sans Pro, a sans-serif, provides modern clarity and efficiency for body text and functional elements, reflecting the brand's directness and professional efficiency. Hierarchy is clear and purposeful, ensuring readability and emphasizing key information, reinforcing the Sage archetype's focus on knowledge and precision.
### Font families
| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Times New Roman | body | system | 400 |
| Source Sans Pro | heading | self-hosted | 400 |
| Cinzel | heading | self-hosted | 400 |
| Source Sans Pro | body | self-hosted | 400 |
### Type scale
| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Source Sans Pro | 29px | 400 | 36.25px | — |
| Heading 2 | Cinzel | 40px | 400 | 50px | — |
| Heading 3 | Source Sans Pro | 29px | 400 | 36.25px | — |
| Heading 4 | Source Sans Pro | 29px | 400 | 36.25px | — |
| Body | Times New Roman | 16px | 400 | — | — |
### Conventions
- Heading case — title-case
## Layout
- Base spacing unit — `2px`
## Do's and Don'ts
### Do
- Utilize a stark black and white color palette, with #000000 for primary text and #ffffff for backgrounds, maintaining a high-contrast, minimalist aesthetic.
- Employ 'Source Sans Pro' (400 weight) for all headings and body text, ensuring readability and a modern, professional feel.
- Use 'Cinzel' (400 weight) specifically for prominent headings or titles where a more classic, elegant touch is desired, always in title-case.
- Apply title-case for all headings across the website and marketing materials.
- Incorporate frequent exclamations and benefit-focused phrases in copy, such as 'sell homes faster' and 'Hire the best real estate photographer Tulsa has!'
- Maintain a consistent base unit of 2px for all spacing and sizing, contributing to a precise and organized layout.
- Focus on action-oriented imperative verbs in CTAs, combined with clear benefit statements, e.g., 'Hire the best' or 'Get a quote today'.
- Use emoji sparingly and strategically, primarily for emphasis or to add a touch of approachability without detracting from the serious tone.
### Don't
- Avoid any use of gradients in design elements, as the brand's aesthetic is flat and high-contrast.
- Do not apply box-shadows to any elements; maintain a flat design without depth effects.
- Refrain from using playful or overly casual language; the brand's tone is serious and professional.
- Do not introduce additional colors beyond the #000000 and #ffffff palette, to preserve the minimalist and premium look.
- Avoid rounded corners or pill-shaped elements; the brand's design implies sharp, clean lines.
- Do not use body fonts other than 'Times New Roman' (400 weight) or 'Source Sans Pro' (400 weight).
- Do not use excessive jargon that might alienate a broader real estate professional audience; keep technical terms moderate and accessible.
- Avoid any visual effects that add 'fluff' or unnecessary embellishment; the brand is about direct, premium presentation.
*Source — inferred*
## Voice
### Tone (1–10 scale)
| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 4/10 | formal |
| Playful ↔ Serious | 8/10 | serious |
| Enthusiastic ↔ Matter-of-fact | 6/10 | balanced |
| Respectful ↔ Irreverent | 2/10 | respectful |
| Technical ↔ Accessible | 7/10 | accessible |
### Copywriting style
- Avg. sentence length — 15 words
- Vocabulary — moderate
- Jargon — some
- CTA style — action-oriented imperative verbs and benefit-focused phrases
- Rhetorical devices — repetition
### Sample copy
> Hire the best real estate photographer Tulsa has!
> JJHomes provides premium cinematic footage and Zillow Showcase tours to sell homes faster.
> As the leading real estate photographer Tulsa relies on, JJHomes delivers premium visual marketing for residential listings and new construction.
> We believe that high-quality media is the foundation of successful property marketing.
> Book Today!
## Logos
| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/jjhomesphotography.com) | 100% |
| favicon | — | — | [link](brands/jjhomesphotography.com/logo-0.png) | 95% |
| favicon | — | — | [link](brands/jjhomesphotography.com/logo-1.png) | 95% |
| favicon | — | — | [link](brands/jjhomesphotography.com/logo-2.png) | 95% |
| favicon | — | — | [link](brands/jjhomesphotography.com/logo-3.png) | 95% |
| favicon | — | — | [link](brands/jjhomesphotography.com/logo-4.png) | 95% |
| favicon | — | — | [link](brands/jjhomesphotography.com/logo-5.png) | 95% |
| favicon | — | — | [link](brands/jjhomesphotography.com/logo-6.png) | 95% |
| favicon | — | — | [link](brands/jjhomesphotography.com/logo-7.png) | 95% |
| primary | — | — | [link](brands/jjhomesphotography.com/logo-8.png) | 85% |
| primary | color | — | [link](brands/jjhomesphotography.com/logo-9.png) | 85% |
| primary | color | — | [link](brands/jjhomesphotography.com/logo-10.png) | 85% |
## Sources
- Live brand page — https://extractvibe.com/brand/jjhomesphotography.com
- Raw JSON — https://extractvibe.com/api/brand/jjhomesphotography.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/jjhomesphotography.com/design.md
- Extracted — 2026-11-05T13:32:06.308Z
- Generator — ExtractVibe vv1
- Quality score — 90/100
How to use this file
1. Save this file as DESIGN.md in your project root (sibling to README.md).
2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.
3. Validate or export tokens with the official CLI:
npx @google/design.md lint DESIGN.md npx @google/design.md export --format tailwind DESIGN.md
Developer Access
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/jjhomesphotography.com \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.
%20%20(1).png/:/rs=h:115,cg:true,m/qt=q:95)



.png/:/rs=h:100,cg:true,m)


