Fort Myers Movers — Brand System

Reference guide for designers and developers · Open in browser or print to PDF

1. Brand Identity
Fort Myers Movers
Fort Myers Movers Labor Only · Licensed & Insured

Logo Usage Rules

  • Minimum size: 120px wide for wordmark, 32px for brand mark
  • Clear space: equal to cap-height on all sides (approx 16px at standard size)
  • Never stretch, rotate, recolor, or add drop shadows to the wordmark
  • On dark backgrounds: use white wordmark with orange "Movers" only
  • On colored backgrounds: use full white version only
# EXPORT INSTRUCTIONS # Copy the SVG markup from view-source, then: # 1. Paste into Figma (File → Import) or Inkscape # 2. Export as PNG: 2x (retina, e.g. 480×104) and 1x (240×52) # 3. Favicon: export brand mark SVG at 32×32 and 16×16 # MIDJOURNEY v6 prompt (wordmark): /imagine prompt: minimalist wordmark logo "Fort Myers Movers", moving company, Inter 800 bold font, navy blue #1e3a8a with orange accent #f97316, clean professional, white background, vector style, no shadows --ar 3:1 --v 6 --style raw # DALL-E 3 prompt: "A clean minimalist logo for 'Fort Myers Movers'. Navy blue (#1e3a8a) bold wordmark, Inter font. Orange (#f97316) accent underline. White background. No gradients or shadows. Vector style." # IDEOGRAM prompt: "Fort Myers Movers [wordmark logo] [moving company] [navy blue and orange] [minimalist] [professional] [white background]"
2. Colour System
Primary
--color-primary
#1e3a8a
Primary Dark
--color-primary-dark
#1a3070
Accent / CTA
--color-accent
#f97316
Accent Hover
--color-accent-hover
#ea6c0a
Trust
--color-trust
#16a34a
Warning
--color-warning
#dc2626
Text
--color-text
#1f2937
Text Muted
--color-text-muted
#6b7280
Border
--color-border
#e5e7eb
BG Alt
--color-bg-alt
#f9fafb
DO Use orange (#f97316) on ALL primary action buttons
DO Use white text on navy, orange, and green backgrounds
DO Use Primary navy for headers, nav, step numbers, and structural elements
DON'T Use primary blue for CTA buttons (orange only)
DON'T Use trust green for anything except the sticky trust bar background
DON'T Mix accent orange with trust green in the same UI zone
3. Typography System
Headline / H1 · Inter 800 · 2.5rem · lh 1.1 · #1e3a8a · .headline-hero
Fort Myers' #1 Labor-Only Movers
Section Heading / H2 · Inter 700 · 2rem · lh 1.2 · #1e3a8a · .headline-section
How It Works
Subheading / H3 · Inter 700 · 1.5rem · lh 1.3 · #1f2937
Get Your Free Quote
Body Large · Inter 400 · 1.125rem · lh 1.6 · #1f2937 · .subheadline
Professional loading and unloading — you provide the truck, we provide 2 movers and all equipment.
Body Base · Inter 400 · 1rem · lh 1.6 · #1f2937
Only $75 deposit due at booking. Balance paid on move day. No hidden fees.
Label / Badge · Inter 700 · 0.75rem · uppercase · tracking 0.12em · #f97316 · .label
SIMPLE PROCESS
TokenValueUsage
--font-size-xs0.75remLabels, fine print, badge text
--font-size-sm0.875remCaptions, meta, trust bar items
--font-size-base1remBody copy (default)
--font-size-lg1.125remLead text, large body, header phone
--font-size-xl1.25remCard titles, H4, step titles
--font-size-2xl1.5remH3, section subheadings
--font-size-3xl2remH2, section headings
--font-size-4xl2.5remH1, hero headline
--font-size-5xl3.5remMax hero size (via clamp)

Google Fonts Embed Code

<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
4. Web-Ready Brand Elements (SVG)

Copy any SVG code below → paste into Figma, Inkscape, or save as .svg file.

Moving Box Icon
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#1e3a8a" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <rect x="8" y="24" width="48" height="32" rx="2"/> <path d="M8 24 L32 14"/> <path d="M56 24 L32 14"/> <line x1="32" y1="14" x2="32" y2="24"/> <line x1="22" y1="40" x2="42" y2="40"/> </svg>
Truck Silhouette
<svg width="80" height="48" viewBox="0 0 80 48" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="10" width="52" height="28" rx="2" fill="#1e3a8a"/> <path d="M52 18 L52 38 L74 38 L74 26 L66 18 Z" fill="#1e3a8a"/> <path d="M54 20 L64 20 L72 28 L54 28 Z" fill="rgba(255,255,255,0.25)"/> <circle cx="16" cy="38" r="7" fill="#0f172a"/> <circle cx="16" cy="38" r="3.5" fill="#6b7280"/> <circle cx="62" cy="38" r="7" fill="#0f172a"/> <circle cx="62" cy="38" r="3.5" fill="#6b7280"/> </svg>
Star Review Badge
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <polygon points="32,6 39.1,24.5 58.8,24.5 43.8,35.5 49.9,54 32,43 14.1,54 20.2,35.5 5.2,24.5 24.9,24.5" fill="#f97316"/> </svg>
Shield Checkmark
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <path d="M32 6 L54 14 L54 34 C54 46 32 58 32 58 C32 58 10 46 10 34 L10 14 Z" fill="#1e3a8a"/> <polyline points="22,32 29,40 42,26" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Location Pin
<svg width="48" height="64" viewBox="0 0 48 64" xmlns="http://www.w3.org/2000/svg"> <path d="M24 2 C12.4 2 3 11.4 3 23 C3 38 24 62 24 62 C24 62 45 38 45 23 C45 11.4 35.6 2 24 2 Z" fill="#f97316"/> <polygon points="24,10 14,20 34,20" fill="rgba(255,255,255,0.9)"/> <rect x="18" y="20" width="12" height="9" rx="1" fill="rgba(255,255,255,0.9)"/> </svg>
5. AI Creative Generation Prompts
Logo & Brand Mark
MIDJOURNEY v6: /imagine prompt: minimalist wordmark logo "Fort Myers Movers", moving company, Inter 800 bold typography, navy blue #1e3a8a and orange #f97316 color palette, professional trustworthy, white background, vector style, no shadows, clean --ar 3:1 --v 6 --style raw DALL-E 3: "A clean minimalist logo for 'Fort Myers Movers' moving company. Navy blue (#1e3a8a) wordmark in bold sans-serif font with an orange (#f97316) accent line underneath. White background. Professional and trustworthy. No gradients or shadows. Vector illustration style." IDEOGRAM: "Fort Myers Movers [wordmark logo] [moving company] [navy blue and orange] [minimalist] [professional] [white background]"
Hero Background Texture
MIDJOURNEY v6: /imagine prompt: subtle geometric dot grid pattern, navy blue #1e3a8a dots on white background, minimal professional, suitable for website hero section, very light opacity, seamless tile --ar 16:9 --tile --v 6 DALL-E 3: "Abstract geometric background pattern. Very subtle diagonal lines or dot grid in navy blue on white. Low opacity professional pattern for website hero section. Clean, minimal."
Social Media Creative (1:1)
MIDJOURNEY v6: /imagine prompt: clean professional moving company social media post, "From $300" in bold orange #f97316 typography, Florida residential neighborhood background, sunny day, navy blue #1e3a8a and orange #f97316 brand colors, 1:1 format, editorial photography style --ar 1:1 --v 6 --style raw DALL-E 3: "Clean professional moving company social media graphic. Bold orange (#f97316) text 'From $300' centered. Florida residential neighborhood background, sunny day. Navy blue (#1e3a8a) and orange (#f97316) brand colors. Square format. Professional, modern." CANVA LAYOUT (text overlay on stock photo): Background: Bright Florida home exterior (clear blue sky) Top text: "FORT MYERS MOVERS" — navy #1e3a8a, Inter 800, uppercase Center stat: "$300" — large orange #f97316, Inter 800 Subtitle: "Labor-Only Moving · Licensed & Insured" CTA pill: "Book Online" — orange #f97316 bg, white text, rounded IDEOGRAM: "Fort Myers Movers social post [navy blue #1e3a8a background] [orange #f97316 CTA] [From $300] [professional moving company] [Florida] [square format] [clean typography]"
Google Display Ads
300×250 BANNER: "Clean banner ad 300x250, white background, bold headline 'Labor-Only Movers From $300' in navy #1e3a8a, subtext 'Fort Myers · Cape Coral · Bonita Springs', orange #f97316 CTA button 'Get Free Quote', professional moving company, minimal design" 728×90 LEADERBOARD: "Horizontal banner 728x90, navy #1e3a8a background, white text 'Fort Myers Movers | From $300 | Same-Day Available', orange #f97316 CTA button right side, Inter bold typography, minimal professional" IDEOGRAM: "Display ad banner [navy #1e3a8a] [orange #f97316 CTA button] [Fort Myers Movers] [From $300] [professional moving company] [clean white background] [bold sans-serif] [300x250]"
Photography & Photo-Realistic Images
MIDJOURNEY v6: /imagine prompt: professional moving crew 2-3 men in navy blue polos #1e3a8a, loading boxes into truck, bright Florida outdoor setting, clear blue sky, friendly professional expressions, moving blankets and dollies in frame, editorial photography style, warm sunlight --ar 16:9 --v 6 --style raw DALL-E 3: "Professional photo of 2-3 movers in navy blue (#1e3a8a) polo shirts loading furniture into a moving truck. Bright Florida residential neighborhood, clear blue sky, warm sunlight. Moving boxes, dollies, and furniture blankets visible. Friendly, professional expressions. Photo-realistic, editorial style. Wide shot." IDEOGRAM: "Moving company crew loading truck [professional photography] [navy blue uniforms #1e3a8a] [Florida outdoor] [sunny day] [editorial] [wide shot] [photorealistic]" STOCK SEARCH: "professional movers loading truck outdoor Florida sunny" "moving company crew navy shirts residential" "labor movers two men boxes outside bright" "moving service team smiling daylight"