Metacasa — Brand Asset Hub (Website Style)

Overview

Quick Reference

+500k

ARR

1.000+

Clienti Attivi

YoY Growth

90%

Gross Margin

+94%

Click Annunci

+42%

Telefonate

Elemento	Valore
Primary Color	`#7A00DF` Metacasa Purple
Heading Font	Lato
Accent Font	Montserrat
Body / UI Font	Lato + Inter
Voice	Agentic, Confident, Data-driven
Positioning	Sistema Operativo Agentic AI All-In-One

01 Visual Identity

Color Palette

La palette purple distingue Metacasa nel panorama prop-tech.

Primary Colors

Metacasa Purple

#7A00DF

Brand primary, hero, key accents

Deep Purple

#4F23CC

Buttons, CTAs, interactive

Violet 700

#6D28D9

CTA evoluto, miglior contrast

Secondary / Accent

Orange 500

#F97316

Highlights, urgenza, energy

Vivid Cyan Blue

#0693E3

Tech accent, info, links (site)

Vivid Green

#00D084

Success, positivo, conferme

AI Gradient

linear-gradient(135deg, #7A00DF, #06B6D4) — click to copy

Neutral Palette

Black

#000000

Site Dark

#212121

Dark Gray

#313131

Medium Gray

#ABB8C3

Light Gray

#EEEEEE

Dark Mode (Site Dark Sections)

Dark section gradient — from metacasa.ai

02 Typography

Type System

Tre famiglie dal sito live: Lato (headings + body), Montserrat (accent, labels, UI), Inter (prodotto, form, tabelle).

Lato — Headings (sito attuale)

Aa Bb Cc 123

Light 300 Regular 400 Bold 700 Black 900

Google Fonts

Montserrat — Accent / Labels

Aa Bb Cc 123

Regular 400 SemiBold 600 Bold 700 Black 900

Google Fonts

Inter — Prodotto / UI / Tabelle

Aa Bb Cc 123

Regular 400 Medium 500 SemiBold 600 Bold 700

Google Fonts

JetBrains Mono — Code / KPI

01 23 #7A00DF

Regular 400 Medium 500 SemiBold 600

Google Fonts

Type Scale (dal sito live)

H1 Hero

50px / 700 / Lato

La piattaforma AI

H2 Section

42px / 900 / Lato

Una soluzione per tutti

H3 Card Title

20px / 700 / Montserrat

Agenzie immobiliari

Body

16px / 400 / Lato

Strumenti avanzati di progettazione e preventivi per la gestione completa.

Label

13px / 700 / Montserrat / uppercase

Trusted By

Button

16px / 600 / Lato / pill

Inizia ora →

03 Logo

Logo Metacasa

Light Background

Logo originale con mark rainbow e wordmark METACASA

SVG

Dark Background

Icona colorata + wordmark bianco per dark mode, hero, footer

SVG

Icon Only

Mark senza wordmark — per favicon, app icon, avatar

SVG

Logo Rules

✕ Non fare

✕ Non distorcere le proporzioni
✕ Non usare colori fuori palette
✕ Non posizionare su sfondi senza contrasto
✕ Non aggiungere ombre o effetti

✓ Best practice

✓ Clear space: minimo altezza del mark
✓ Preferire SVG per nitidezza
✓ Su dark background usare versione inverted
✓ Mantenere sempre leggibilita

04 Components

Components

Buttons

Variants

Primary CTA Outline Gradient Dark

Sizes

Small Default Large

<button class="mc-btn">Activate your Agent</button>
<button class="mc-btn mc-btn--outline">Learn More</button>
<button class="mc-btn mc-btn--gradient">Get Started</button>

Badges & Blockquote

Agentic AI Active Urgent Tech

Non un tool. Una forza lavoro digitale.

Download CSS Componenti

05 Voice & Tone

Brand Personality

La voce Metacasa e' quella di un partner tech che agisce — non un tool passivo che aspetta input.

We Are / We Are Not

Trait	We Are	We Are Not
Innovativi	AI-driven, moderni, data-informed	Hype vuoto, buzzword senza sostanza
Concreti	Risultati misurabili, casi studio	Promesse vaghe, claim generici
Professionali	Competenti, precisi, autorevoli	Freddi, burocratici, distanti
Accessibili	Chiari, diretti, semplici	Vaghi, generici, banali

Key Phrases

Frase	Contesto
"Il primo Sistema Operativo Agentic per il Real Estate"	Positioning statement principale
"Non un tool. Una forza lavoro digitale."	Differenziazione
"Non compri software. Compri risultati."	RaaS explanation
"+94% click. +42% telefonate."	Data proof per agenzie

06 Imagery & Visual

Stile Visivo

Render Architettonici

Interni ristrutturati, luminosi, moderni. Aspirazionali ma raggiungibili.

Before / After

Slider interattivo. Dimostra il potenziale trasformativo dell'AI.

Device Mockup

iPad/laptop con piattaforma. Comunica "prodotto tech".

Data Visualization

Mini chart per metriche. Numeri animati on-scroll.

AI Image Prompt

Modern Italian interior, freshly renovated, bright natural lighting, warm tones, clean minimal aesthetic, high-end real estate photography style, tech-forward atmosphere with purple accent lighting, professional architectural render quality, aspirational yet achievable feel

07 Download Assets

Scarica tutto il brand kit

Loghi, font, tokens, CSS e brand guide — pronti per sviluppo e design.

📄 Brand Guide Markdown

Versione completa delle brand guidelines in formato .md

🏠 Logo Kit — Multi formato

Logo originale in SVG + PNG trasparente a diverse risoluzioni

Logo — Light Background

Mark rainbow + wordmark scuro. Sfondo trasparente.

SVG

Logo — Dark Background

Icona rainbow + wordmark bianco. Sfondo trasparente.

🎨 Icon Set — Varianti colore

Mark Metacasa in varianti colore per diverse applicazioni

Colore originale

Nero

Bianco

Gradient AI

🔤 Font Downloads

Lato

Headings + Body

Google Fonts

Montserrat

Accent / Labels

Google Fonts

Inter

Prodotto / Tabelle

Google Fonts

JetBrains Mono

Code / KPI

Google Fonts

⚙️ Design Tokens & CSS

08 Positioning & Strategy

The Agentic Engine

Non un tool. Una forza lavoro digitale che combina Computer Vision, LLM e Dati Proprietari.

🎨

AI Visual Marketing

Render 3D, Virtual Tour, Video Social, AI Avatars, Brochure, Landing Page

📋

AI Compliance & OPS

Smart Docs, OCR, Agentic Check, Cross-Check difformita, Checklist rogito

🚀

Sales Automation

Sync CRM/portali, AI Assistant 24/7, Lead nurturing automatico

Messaging Evolution

❌ Sito Attuale

"Ristruttura senza preoccupazioni"

"Un preventivo in pochi click"

"Provalo subito gratis"

→

⚡ Nuovo (Agentic)

"La forza lavoro digitale che esegue per te"

"3 professionisti in un engine"

"Attiva il tuo Agente AI"

Roadmap

Fase	Periodo	Focus
Validation ✅	Q4 2025	SaaS + Gen-AI + 1000 clienti + 500k ARR
Agentic Scale-Up	Q3 2026	Video Suite + Doc-Intelligence + 1M ARR
Ecosystem	2027	Voice AI + Deep CRM + Ad-Tech Autopilot
BIM Standard	2028	Digital Twin + Universal Protocol + EU Expansion