Brand Guidelines

Official visual identity standards for Spacewise. Use these guidelines to maintain brand consistency across all marketing materials, presentations, and digital assets.

Color Palette

Our Verde Royale green palette conveys growth, prosperity, and innovation in real estate technology. The charcoal and slate greys provide professional contrast and readability.

Verde Royale Primary

HEX:
RGB:
OKLCH:

Primary CTAs, buttons, links, brand accents

Verde Royale Dark

HEX:
RGB:
OKLCH:

Hover states, active elements, emphasis

Verde Royale Light

HEX:
RGB:
OKLCH:

Backgrounds, badges, highlights

Charcoal

HEX:
RGB:
OKLCH:

Headings, body text, primary content

Slate Grey

HEX:
RGB:
OKLCH:

Secondary text, captions, metadata

Light Grey

HEX:
RGB:
OKLCH:

Backgrounds, cards, containers

Pure White

HEX:
RGB:
OKLCH:

Primary backgrounds, card surfaces

Typography

We use **Inter** as our primary typeface for its excellent readability across digital platforms and comprehensive Unicode support. Inter is available as a free, open-source font from Google Fonts.

Headings (H1-H6)

Font: Inter

Weight: 700 (Bold)

Size: H1: 48-60px, H2: 36-48px, H3: 30-36px, H4: 24-30px

Page titles, section headers, card titles

Body Text

Font: Inter

Weight: 400 (Regular)

Size: 16-18px

Paragraphs, descriptions, content blocks

UI Elements

Font: Inter

Weight: 500 (Medium)

Size: 14-16px

Buttons, navigation, form labels

Captions

Font: Inter

Weight: 400 (Regular)

Size: 12-14px

Metadata, timestamps, helper text

Typography Examples

H1 Heading (48-60px, Bold)

Transform Your Real Estate Marketing

H2 Heading (36-48px, Bold)

8 Marketing Assets in 15 Minutes

Body Text (16-18px, Regular)

Upload one property video and get floor plans, AI descriptions, virtual tours, social videos, and complete marketing kits—all automated.

Button Text (14-16px, Medium)

Logo Usage

The Spacewise logo represents our commitment to innovation and automation in real estate marketing. Always maintain proper spacing and minimum size requirements to ensure legibility.

Primary Logo

Full color logo on light backgrounds

Usage: Website header, marketing materials, presentations

Min Size: 120px width

Logo Mark

Icon-only version for small spaces

Usage: Favicons, app icons, social media avatars

Min Size: 32px × 32px

White Logo

White version for dark backgrounds

Usage: Dark hero sections, footer, video overlays

Min Size: 120px width

Logo Don'ts

  • • Don't stretch, distort, or rotate the logo
  • • Don't change the logo colors or add effects (shadows, gradients, outlines)
  • • Don't place the logo on busy backgrounds that reduce legibility
  • • Don't use the logo smaller than the minimum size requirements
  • • Don't recreate or modify the logo typography or icon

Spacing & Layout

Consistent spacing creates visual hierarchy and improves readability. We use an 8px grid system for all layout decisions.

Spacing Scale

4px - Tight spacing (icons, badges)
8px - Base unit (inline elements)
16px - Standard spacing (paragraphs)
24px - Section spacing (cards)
48px - Large spacing (sections)

Layout Principles

  • • Use 1280px max-width for content containers
  • • Maintain 16px minimum padding on mobile devices
  • • Use 12-column grid for desktop layouts
  • • Keep line length between 50-75 characters
  • • Use 1.5-1.6 line-height for body text

Need Brand Assets?

Contact our marketing team for logo files, templates, and additional brand resources.

Request Brand Assets