Brand Identity
CMSSBrand Guidelines
Construction Management Services & Solutions LLC — the complete visual identity system for marketing, digital, and print applications.
01
Primary Logo — The Seal
The CMSS seal is the cornerstone of the brand. The half-built, half-finished house inside the shield symbolizes oversight throughout the entire construction process — from framing to finish. The laurel branches and "EST. 2016" convey established authority.
Seal — Transparent Background
Primary mark for use on light backgrounds. Use when the background is white or very light.
Seal — Dark Background
Ready-to-use version on brand navy. Ideal for social media posts, presentations, and dark interfaces.
Seal — With Tagline
Full version including 'Where Quality Meets Accountability' tagline. Use for print materials, letterhead, and formal documents.
02
Horizontal Logo
The horizontal layout pairs the seal with the full company name and tagline. Use this version when width is available — website headers, email signatures, letterhead, and presentation title slides.
Horizontal — Light Background
For use on white or light backgrounds. Available in 400px, 800px, 1200px, and full resolution.
Horizontal — Dark Background
Pre-composed on brand navy. Ready for dark-themed presentations, banners, and digital applications.
03
Favicon & App Icons
Scaled versions of the seal optimized for small displays — browser tabs, app icons, home screen shortcuts, and notification badges.
Available sizes: 16, 32, 48, 64, 128, 192, 256, 512 + multi-size favicon.ico
04
Color Palette
The CMSS palette bridges the Hiram AI and Warranty Shield identities — deep navy conveys authority, teal signals technology and trust, and gold communicates premium quality and certification.
Primary Colors
Deep Navy
oklch(0.18 0.03 265)
Primary backgrounds, headers
Navy Blue
oklch(0.30 0.06 250)
Seal background, secondary surfaces
Teal
oklch(0.79 0.15 180)
Accents, links, highlights
Gold
oklch(0.76 0.12 80)
Premium accents, dividers, CTAs
Supporting Colors
White
oklch(1 0 0)
Text on dark backgrounds
Light Gray
oklch(0.70 0.02 250)
Body text, secondary content
Dark Surface
oklch(0.14 0.03 260)
Card backgrounds, panels
Border
oklch(0.22 0.03 260)
Dividers, subtle borders
05
Typography
A dual-font system that pairs authoritative serif headlines with clean sans-serif body text for maximum readability and professional presence.
Display / Headlines
Playfair Display
Where Quality Meets Accountability
Aa Bb Cc Dd
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Body / Interface
DM Sans
Clean. Modern. Professional.
Aa Bb Cc Dd
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
06
Social Media Assets
Pre-sized cover images and profile pictures for all major platforms. Each asset uses the brand navy background with the seal and horizontal logo properly composed.
Profile Picture
Available in 180, 320, 400, and 512px
Works for Facebook, Instagram, LinkedIn, Twitter/X, Google Business
Facebook Cover
820 x 312px
LinkedIn Cover
1584 x 396px
Twitter / X Header
1500 x 500px
07
Email Signature
Compact logo versions optimized for email signatures. Use the horizontal version for width-friendly layouts, or the small seal for minimal signatures.
Scott Zellak
President & CEO
Construction Management Services & Solutions LLC
(352) 484-9088 | [email protected]
Example email signature layout. Available in 300px and 500px widths, plus 80px and 120px seal-only versions.
08
Usage Guidelines
Maintain brand integrity by following these guidelines when using CMSS visual assets.
✓Do
- •Use the seal on white, light gray, or brand navy backgrounds
- •Maintain clear space equal to the seal's radius around the logo
- •Use the horizontal version when width exceeds 2x height available
- •Use the dark background versions for social media posts
- •Keep the seal circular — never crop or mask into other shapes
✗Don't
- •Place the logo on busy or patterned backgrounds without a container
- •Stretch, skew, or rotate the logo
- •Change the brand colors or apply filters to the seal
- •Use the seal smaller than 32px — switch to the favicon version
- •Add drop shadows, outlines, or effects to the logo