Metacasa — Brand Asset Hub

1 Color Palette

Primary

Metacasa Purple

#7A00DF

Brand primary, hero, key accents

Deep Purple

#4F23CC

Buttons, CTAs, interactive

Violet 700

#6D28D9

Enhanced CTAs, contrast

Accent

Orange 500

#F97316

Highlights, urgency, energy

Cyan 500

#06B6D4

Tech accent, info, links

Vivid Green

#00D084

Success, positive feedback

Neutrals

Black

#000000

Dark Gray

#313131

Medium Gray

#ABB8C3

Light Gray

#EEEEEE

White

#FFFFFF

Signature Gradient

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

Contrast Pairings

White on Purple
AAA

White on Deep
AAA

Dark on White
AAA

White on Dark
AAA

Cyan on Dark
AA

Dark Mode

BG #0F0F1A

Purple

Cyan

Card BG

Border

2 Typography

Space Grotesk

Headings, CTAs — Tech-native

Aa Bb Cc 0123

Regular Semi Bold Extra

Google Fonts

Inter

Body, UI — Highly legible

Aa Bb Cc 0123

Regular Medium Semi Bold

Google Fonts

Type Scale

H1 Hero

42px / 800 / 1.15

Hero sections

The Agentic OS

H2 Section

36px / 700 / 1.2

Section titles

AI Visual Marketing

H3 Sub

24px / 600 / 1.2

Subdivisions

Three Professionals in One Engine

Body Large

20px / 400 / 1.6

Intros

Not a tool. A digital workforce from acquisition to sale.

Body

16px / 400 / 1.6

Core text

Metacasa combines Computer Vision, LLM, and proprietary data.

CTA

18px / 600 / pill

Buttons

Small

13px / 400 / 1.6

Metadata

Last updated March 2026 | Version 1.0

CSS Import

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

3 Logo System

Primary — Light Background

Mark originale + wordmark: META dark + CASA gradient AI purple→cyan.

SVG

Inverted — Dark Background

Mark + META bianco + CASA gradient luminoso. Per dark mode, hero, footer.

SVG

Originale (reference)

Logo precedente con wordmark monocolore — mantenuto come reference.

SVG

Do

Usa formato SVG dove possibile
Mantieni clear space = altezza mark
Usa versione inverted su sfondi scuri
Mantieni leggibilita' come priorita'
Larghezza minima: 120px (digital) / 30mm (print)

Don't

Distorcere le proporzioni
Usare colori fuori dalla palette
Posizionare su sfondi a basso contrasto
Aggiungere ombre o effetti
Ruotare o inclinare il logo

4 Components

Buttons

Variants

Sizes

<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>

Cards

V

AI Visual Marketing

Floorplan + raw photos → 3D renders, virtual tours, social videos.

C

AI Compliance

Smart docs, auto-OCR, agentic file checks, cross-validation.

S

Sales Automation

CRM sync, 24/7 AI assistant, auto-nurturing, qualification.

Dark Mode Cards

V

Visual

3D renders, tours, social.

C

Compliance

Smart docs, auto-checks.

S

Sales

CRM, AI, nurturing.

Metrics

+500k

ARR

+1,000

Agencies

4x

YoY Growth

90%

Margin

Badges & Blockquote

Agentic AI Active Urgent Tech

Not a tool. A digital workforce that executes from acquisition to sale.

Table

Phase	Period	Focus
Validation	Q4 2025	SaaS + Gen-AI + 1k clients
Agentic Scale	Q3 2026	Video suite + doc intelligence
Ecosystem	2027	Voice AI + deep CRM
BIM Standard	2028	Digital twins + EU expansion

5 Voice & Tone

Agentic

Agisce autonomamente. Linguaggio attivo: esegue, non suggerisce.

Data-Driven

Evidenze prima delle promesse. Metriche reali: +94% click, +42% chiamate.

Confident

Sicuro senza arroganza. Posizionamento chiaro e deciso.

Accessible

Complesso reso semplice. Zero gergo, comprensione immediata.

Tone by Context

Contesto	Tono	Esempio
Homepage	Bold, Agentic	Your AI team is operational.
B2B (Agenzie)	ROI-focused	Acquire more deals. Sell faster.
B2C (Proprietari)	Rassicurante	Foto grezze a render, in minuti.
Prodotto	Chiaro, concreto	3 professionisti in un motore.
Investor	Metrics-first	+500k ARR. Numeri, non promesse.
CTA	Attivo, frictionless	Attiva il tuo Agente

Siamo

Innovativi (AI-driven)
Concreti (risultati misurabili)
Professionali (competenti)
Accessibili (chiari)

Non siamo

Hype-driven
Vaghi
Burocratici
Generici

6 Imagery & AI Prompts

Do

Illuminazione luminosa, naturale, toni caldi
Interni moderni rinnovati
Colori vividi ma naturali — no filtri pesanti
Composizione pulita, centrata
Aspirazionale ma raggiungibile
Device mockup per shot prodotto

Don't

Interni bui o datati
Effetto fotomontaggio
Estetica sterile/fredda
Stock photography generica
Styling ultra-luxury
Filtri pesanti o colori irrealistici

AI Image Generation — Base Prompt

Click to copy

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

Varianti per Contesto

Website Hero

Modern Italian interior, freshly renovated, bright natural lighting, warm tones, wide-angle shot, cinematic composition, shallow depth of field, professional architectural render

Social Media (1:1)

Modern Italian interior, freshly renovated, bright natural lighting, warm tones, square crop 1:1, Instagram-ready, vibrant colors, professional render quality

Negative Prompt

Negative — Click to copy

dark interiors, dated furnishings, photomontage effect, sterile cold aesthetic, generic stock photography, ultra-luxury styling, heavy filters, unrealistic colors

7 Design Tokens

Formati disponibili: CSS, SCSS, JSON (Style Dictionary), Tailwind, Figma Tokens

Spacing

--space-xs0.25rem (4px)

--space-sm0.5rem (8px)

--space-md1rem (16px)

--space-lg1.5rem (24px)

--space-xl2rem (32px)

--space-2xl4rem (64px)

Border Radius

--radius-sm4px (code blocks)

--radius-md8px (blockquotes)

--radius-lg10px (icon badges)

--radius-xl12px (cards)

--radius-full9999px (pills)

Shadows

--shadow-sm0 1px 2px rgba(0,0,0,.05)

--shadow-md0 4px 6px rgba(0,0,0,.07)

--shadow-lg0 10px 25px rgba(0,0,0,.1)

--shadow-glow0 0 20px rgba(122,0,223,.3)

Layout

--max-width1200px

--nav-height56px

--grid-gap1rem

--card-gap1.25rem

--z-nav100

Download Token Files

tokens.css tokens.scss tokens.json tailwind-theme.js figma-tokens.json components.css dark-mode.css

8 Positioning

The first Agentic OS for Real Estate

Not a tool. A digital workforce. Analog to Automation: Result-as-a-Service.

Pillar 1

AI Visual Marketing

Render, tour, video, brochure

Pillar 2

AI Compliance & Ops

Smart docs, OCR, validazione

Pillar 3

Sales Automation

CRM, AI assistant, nurturing

Key Messaging

Frase	Uso
The first Agentic OS for Real Estate	Positioning core
Not a tool. A digital workforce.	Differenziazione
Analog to Automation: Result-as-a-Service	Business model
You don't buy software. You buy results.	Spiegazione RaaS

Traction

+500k

ARR

+1k

Agencies

4x

YoY

+94%

Clicks

+42%

Calls