G00 · 01

Brand Brief

Los cimientos de Área Café

🎯

Misión

Ofrecer café de especialidad de alta calidad en un entorno acogedor que invite a la conexión, creatividad y comunidad en Querétaro.

🔭

Visión

Ser la cafetería de especialidad de referencia en Querétaro, reconocida por su calidad, ambiente único y contribución a la cultura local del café.

💎

Valores

Pasión por el café, hospitalidad auténtica, calidad consistente, creatividad constante y comunidad vibrante.

📍

Ubicaciones

Plaza Zinc (San Javier) y Plaza Capri (El Jacal). Dos espacios, una misma alma.

☕

Diferenciador

Bebidas de autor (Carajillo, Espresso Martini), exploración guiada y rotación estacional de orígenes mexicanos.

🏷️

Tagline

"Explorar · Saborear · Descubrir"

G00 · 02

Competitive Analysis

Panorama competitivo en Querétaro

Competidor	Ubicación	Espresso	Fortaleza	Debilidad
Café Querétaro	Centro	$40	Tradición, ubicación	Poco enfoque en especialidad
Cielo Rojo	Juriquilla	$48	Ambiente bohemio	Precio elevado
Buna Café	San Javier	$52	Tostado propio	Horario limitado
Área Café	Centro + Zibata	$45	Bebidas de autor, dos sucursales	—

Área Café compite en el segmento de especialidad con precio medio. Su ventaja diferencial: bebidas de autor, dos sucursales bien ubicadas y ambiente acogedor.

G00 · 03

Buyer Personas

Nuestros comensales ideales

☕

Aurora — La Creativa

27 años, diseñadora freelance. Busca un espacio estético para trabajar, tomar fotos y disfrutar un latte de especialidad. Frecuencia: 3–4 veces/semana.

🏢

Carlos — El Profesional

34 años, mercadólogo. Reuniones informales con clientes, WiFi confiable y ambiente que proyecte buen gusto. Frecuencia: 2–3 veces/semana.

🎉

Ana y Luis — Los Sociales

24 y 26 años. Van en pareja o con amigos los fines de semana. Les gusta pedir bebidas especiales (Carajillo, Espresso Martini). Frecuencia: 1–2 veces/semana.

📚

Mariana — La Estudiante

21 años, universitaria. Estudia en la cafetería, busca buen café a precio accesible. Pide americano o cold brew. Frecuencia: 2–3 veces/semana.

G00 · 04

Brand Archetype

La personalidad de la marca

🧭

Principal: El Explorador

Área Café invita a descubrir nuevos sabores, métodos de extracción y experiencias alrededor del café. No es solo una cafetería — es un viaje sensorial.

🎨

Secundario: El Creador

Cada bebida de autor es una obra. Cada espacio está diseñado para inspirar. La creatividad está en el centro de todo lo que hacen.

G00 · 05

Tone of Voice

Cómo habla Área Café

Somos	No somos
Cálidos y acogedores	Fríos o corporativos
Apasionados por el café	Snobs o elitistas
Cercanos y auténticos	Falsos o pretenciosos
Creativos y sorprendentes	Genéricos o predecibles
Expertos pero accesibles	Técnicos o intimidantes

Tono cálido, curioso, accesible, orgullosamente mexicano. Humano, no chatbot. Mexicano sin folclor: no "ándale", no "qué onda".

G05 · 06

Copy Framework: PAS

Problem-Agitate-Solution por persona

P

Problem — Problema

"Cansado del café industrial que sabe a cartón y te deja con jaqueca"

A

Agitate — Agitar

"Cada taza aburrida es un día que no exploraste lo que el café de verdad puede ser. Y tu ciudad tiene mucho que ofrecer."

S

Solution — Solución

"En Área Café cada origen cuenta una historia. Prueba nuestro Natural de Chiapas en V60 y descubre por qué el café de especialidad cambia todo."

Persona	Problem	Agitate	Solution
Aurora	No encuentra espacio bonito para trabajar	El café mala onda mata la creatividad	BB: wifi, luz natural, latte de especialidad
Diego	Querétaro le parece aburrido los findes	Siempre va al mismo lugar	BB: café del mes, eventos, catas
Valeria	Necesita impresionar a clientes sin gastar mucho	Restaurantes formales son caros e impersonales	BB: ambiente profesional, precio justo

G05 · 07

Copy Framework: AIDA

Attention-Interest-Desire-Action

A

Attention

"Este café no lo encontrarás en el super." — Headline que rompe el scroll.

I

Interest

"Natural de Chiapas, notas de frutos rojos, cosechado a 1,800 msnm." — Detalle que genera curiosidad.

D

Desire

"Imagina el aroma llenando tu mesa mientras trabajas en tu próximo proyecto." — Escenario deseado.

A

Action

"Pasa hoy. Te esperamos en Plaza Zinc o Plaza Capri." — CTA directo y local.

AIDA por persona: Aurora (enfocar en productividad + estética), Diego (enfocar en descubrimiento + novedad), Valeria (enfocar en profesionalismo + precio).

G05 · 08

Headlines & CTAs

Banco de headlines y llamados a la acción

Categoría	Ejemplos de Headlines
Curiosidad	"El café que no sabías que existía en Querétaro" / "¿Sabías que el café mexicano puede competir con el de Etiopía?"
Beneficio	"Un espresso que no te deja con jaqueca" / "Wifi rápido + café bueno = productividad real"
Emoción	"Este mes descubrimos un café que nos voló la cabeza" / "Tu próximo café favorito está a dos cuadras"
Urgencia	"Solo 8 cupos para la cata de este jueves" / "Se acaba el café del mes — pasa hoy"
Local	"La mejor cafetería de San Javier según nuestros clientes" / "El Jacal tiene un secreto: Área Café"
Social Proof	"Lo que dicen nuestros clientes sobre el matcha latte" / "4.9 estrellas no mienten"

Intent	CTA Examples
Visitar	"Pasa hoy" / "Te esperamos en Plaza Zinc" / "Abre mapa"
Probar	"Pide el café del mes" / "Prueba el Flight de Temporada"
Reservar	"Confirma tu cupo" / "Reserva tu lugar"
Compartir	"Comparte tu foto" / "Etiquétanos"
Comprar	"Lleva tu bolsa de 500g" / "Pide para llevar"

G05 · 09

Copy Glossary

Sí decimos / No decimos

✓ SÍ DECIMOS

→"Café de especialidad"
→"Origen del mes"
→"Barista"
→"Tostado"
→"Experiencia"
→"Explorar / Descubrir"

✗ NO DECIMOS

→"Coffee" (usamos "café")
→"Barista champion" (pretencioso)
→"Gourmet" (sobreusado)
→"Andale / Orale" (folclor excesivo)
→"Simón / Neta" (demasiado informal)
→"Contactarnos" (usamos "escribirnos")

G06 · 10

Core Color Palette

60-30-10 Coffee-Toned Identity

Deep Espresso

#3C2415

RGB 60 36 21
CMYK 0 40 65 76
60% dominante

Warm Caramel

#D4A574

RGB 212 165 116
CMYK 0 22 45 17
30% secundario

Burnt Terracotta

#C8663E

RGB 200 102 62
CMYK 0 49 69 22
10% acento

Cream

#FAF7F2

RGB 250 247 242
Fondo claro principal

Warm Ink

#1A1410

RGB 26 20 16
Fondo oscuro

Warm Surface

#2A221C

RGB 42 34 28
Tarjetas modo oscuro

G06 · 11

Color Usage & Accessibility

WCAG, tokens y reglas de aplicación

Par	Ratio	WCAG	Uso
Cream (#FAF7F2) sobre Deep Espresso (#3C2415)	10.2:1	AAA	Texto principal en fondo oscuro
Deep Espresso (#3C2415) sobre Cream (#FAF7F2)	10.2:1	AAA	Texto principal en fondo claro
Burnt Terracotta (#C8663E) sobre Cream (#FAF7F2)	4.8:1	AA	CTAs, enlaces, acentos
Warm Caramel (#D4A574) sobre Deep Espresso (#3C2415)	4.5:1	AA	Subtítulos, etiquetas secundarias
Warm White (#EDE4DA) sobre Warm Ink (#1A1410)	12.5:1	AAA	Modo oscuro principal

Regla 60-30-10: Deep Espresso como base dominante, Warm Caramel para calidez, Burnt Terracotta para acentos estratégicos. Modo oscuro usa Warm Ink en lugar de negro frío (#121212 rechazado).

G07 · 12

Logo System

Versiones, usos y área de protección

Área Café

Primary — Light Background

Área Café

Reversed — Dark Background

7 Variantes

Primary, Reversed, Stacked, Symbol, Wordmark, Monochrome Black, Monochrome White.

Clear Space

Área de protección igual a la altura de la letra "A" (1X). Nunca comprimir, estirar ni rotar.

Minimum Size

Digital: 160px width (horizontal). Print: 25mm width (horizontal).

Concepto

Montaña + Brújula + Vapor de café. "Explorar · Saborear · Descubrir"

G07 · 13

Logo Usage Rules

Do's and Don'ts

✓ DO

→Usar sobre fondos lisos
→Mantener área de protección (altura de la "A")
→Usar la versión apropiada según fondo
→Respetar colores originales o monocromo

✗ DON'T

→Distorsionar, estirar o rotar
→Cambiar colores arbitrariamente
→Usar sobre fondos con poco contraste
→Añadir efectos (sombras, bordes, brillos)

G08 · 14

Typography Scale

Escala tipográfica y especímenes

Hero — DM Serif Display · 700 · clamp(48px, 5vw, 96px)

Área Café

Weight: 700Line-height: 1.05Use: Hero titles, section headers

H2 — DM Serif Display · 400 · clamp(32px, 3vw, 48px)

Café de Especialidad

Weight: 400Line-height: 1.15Use: Sub-section titles

Body — DM Sans · 400 · 16px

El café de especialidad es una experiencia que comienza con el grano y termina en la taza. En Área Café, cada bebida cuenta una historia de origen, tueste y preparación.

Weight: 400Optical Size: 9..40Line-height: 1.7

Meta / Caption — DM Sans · 300 · 11px

Deep Espresso · Warm Caramel · Burnt Terracotta

Weight: 300Letter-spacing: 0.1emUse: Labels, captions, metadata

G08 · 15

Typography Rules

Aplicación, web fonts y CSS

✓ DO

→Usar DM Serif Display para títulos y hero
→Usar DM Sans para cuerpo y UI
→Mantener escala Major Third (1.25)
→Usar clamp() para responsividad

✗ DON'T

→Usar Serif para cuerpo largo
→Usar más de 2 familias tipográficas
→Estirar o comprimir tipografía
→Usar font-weight 100 o 900

Web font loading: preconnect a fonts.googleapis.com y fonts.gstatic.com. Usar display=swap. Variable fonts DM Sans para pesos 300–700.

G09 · 16

Iconography

Sistema de iconos 24×24

○

Grid 24×24

Canvas de 24px, safe zone de 20px. Trazos de 2px con terminales redondeados (2px radius).

●

Bean Dot

Elemento distintivo: un punto con forma de grano de café que aparece en iconos de estado y carga.

4

4 Categorías

Navigation (home, menu, location, contact), Actions (search, cart, share, filter), Status (wifi, open, popular, new), Content (coffee bean, pastry, event, season).

10

10 Core Icons

Home, Coffee Cup, Location, Calendar, Star, Search, Cart, Share, Wifi, Bean Dot.

Principios: trazo orgánico, calidez visual, coherencia de familia. Nunca usar iconos de diferentes familias mezclados.

G09 · 17

Motion Design

Principios de movimiento y timing

🌊

Warm Ease-Out

cubic-bezier(0.16, 1, 0.3, 1) — La curva de movimiento principal. Suave, cálida, nunca mecánica.

⚡

Timing Scale

Rápido: 150–200ms. General: 300–400ms. Lento: 500–800ms. Entrance spring: cubic-bezier(0.34, 1.56, 0.64, 1).

🌀

The Sip

Spinner de carga inspirado en el movimiento de vapor de café. Rotación lenta y orgánica, no circular rígida.

✋

Accesibilidad

Respetar prefers-reduced-motion. Transiciones instantáneas para usuarios que lo soliciten.

G09 · 18

Dark Mode

Token swap y adaptaciones

Token	Light	Dark	Uso
Background	#FAF7F2 Cream	#1A1410 Warm Ink	Fondo principal
Card / Surface	#FFFFFF	#2A221C Warm Surface	Tarjetas, paneles
Text Primary	#3C2415 Deep Espresso	#EDE4DA Warm White	Títulos, cuerpo
Text Muted	#8C6F5A	#A09888	Captions, meta
Accent	#C8663E	#D4835F	CTAs, enlaces
Border	rgba(60,36,21,0.08)	rgba(237,228,218,0.08)	Bordes sutiles

Decisión de diseño: se rechazó el negro frío #121212. Todos los fondos oscuros llevan tinte cálido (R+2, G+1) para mantener la atmósfera de cafetería. WCAG AAA 12.5:1 en texto principal.

G10 · 19

Social Templates

Especificaciones por plataforma

Plataforma	Formato	Tamaño	Safe Zone
Instagram	Feed	1080×1080	Centro 960×960
Instagram	Story	1080×1920	Centro 1080×1420
Instagram	Reel	1080×1920	Texto arriba 250px
Facebook	Feed	1200×630	Centro 1000×530
LinkedIn	Feed	1200×627	Centro 1000×527
X/Twitter	Feed	1600×900	Centro 1400×900
YouTube	Thumbnail	1280×720	Centro 1100×720
TikTok	Video	1080×1920	Texto centrado
Pinterest	Pin	1000×1500	Centro 900×1400

Estilo visual: luz natural cálida, ángulo 45°, fondo desenfocado, tono cálido y saturado. Nunca usar filtros fríos o de alto contraste.

G10 · 20

Ad Formats & CTAs

Formatos de anuncio y copy

📱

Meta Ads

Carrusel de bebidas (1080×1080), video corto de preparación (1080×1920). Segmentación: Querétaro, interés café + lifestyle.

🔍

Google Ads

Search: "cafetería Querétaro", "café de especialidad", "brunch". Display: 300×250, 728×90. Presupuesto diario sugerido: $200.

💼

LinkedIn

Formato single image 1200×627. Enfoque en espacio para reuniones y profesionalismo de BB.

🎵

TikTok

Video nativo 80%, producido 20%. Behind the barista, proceso de extracción, reseñas reales. No anuncios obvios.

Formato	Tamaño	Uso
Meta Feed	1080×1080	Carrusel producto, single image
Meta Story	1080×1920	Promos relámpago, eventos
Google Display	300×250, 728×90, 160×600	Retargeting, awareness
YouTube Pre-roll	1920×1080 (6-15s)	Awareness local
LinkedIn Feed	1200×627	B2B, eventos corporativos
Pinterest Standard	1000×1500	Menú, recetas, ambiente

G11 · 21

Design Tokens

Sistema de tokens de diseño

Categoría	Tokens Clave
Color	--espresso: #3C2415; --caramel: #D4A574; --terracotta: #C8663E; --cream: #FAF7F2; --warm-ink: #1A1410
Typography	--font-display: 'DM Serif Display'; --font-body: 'DM Sans'; --text-base: 16px
Spacing	--space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 32px; --space-6: 48px; --space-8: 64px; --space-10: 80px
Border Radius	--radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px
Shadows	--shadow-sm: 0 1px 2px rgba(0,0,0,0.05); --shadow-md: 0 4px 12px rgba(0,0,0,0.1); --shadow-lg: 0 8px 60px rgba(0,0,0,0.4)
Motion	--ease-warm: cubic-bezier(0.16,1,0.3,1); --duration-fast: 150ms; --duration-normal: 300ms; --duration-slow: 500ms
Breakpoints	--bp-sm: 640px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px

G11 · 22

Component Library

Biblioteca de componentes UI

🔘

Buttons

3 variantes (Primary, Secondary, Ghost) × 3 tamaños (sm, md, lg). Border-radius full. Hover con ease-warm 200ms.

🃏

Cards

Menu Item Card (imagen + nombre + precio + badge), Info Card (icono + título + texto), Promo Card (gradiente + CTA).

🧭

Navigation

Sticky Navbar (logo + links + CTA), Footer oscuro con links y social.

📝

Forms

Input, Select, Textarea. Estilo mínimo con borde inferior 2px en foco. Label flotante opcional.

🏷️

Badges & Tags

Badges: Popular, New, Seasonal, Vegan, Sold-out. Tags: Coffee, Pastry, Brew, Seasonal.

✨

Feedback

The Sip spinner (carga), Skeleton loader, Empty state (ilustración + mensaje + CTA).

G12 · 23

Email Stationery

Firmas y newsletter

✉️

Email Signature — Individual

Nombre + rol + contactos + redes sociales. HTML table-based con inline styles. Dark mode compatible.

🏢

Email Signature — Business

Logo + dirección + CTA "Visítanos". Para comunicaciones oficiales de la marca.

🎉

Email Signature — Event

Info de evento + RSVP CTA. Temporal, se activa durante campañas.

📰

Newsletter Template

Responsive 600px email-compatible. Módulos: Hero, Article Card, Menu Highlight, Events, Social Strip, Footer. Tono adaptado por tipo de newsletter.

Formato: HTML table-based, inline styles, max-width 600px, fuentes de respaldo sistema. Dark mode: usar media queries con prefers-color-scheme.

G12 · 24

Business Cards

Tarjetas de presentación

Área Café

Café de Especialidad · Querétaro

Plaza Zinc · Plaza Capri

hello@areacafe.mx · @areacafe.mx

Dimensiones

90 × 50 mm (3mm bleed). Digital: 1063 × 591 px @ 300dpi.

5 Variantes

Individual, Manager, Location Only, Event/Promo, Mini (55×85mm).

Colores

CMYK + Pantone reference. Deep Espresso fondo + Warm White texto. QR en terracotta.

Tipografía

DM Serif Display para nombre. DM Sans para datos de contacto.

G13 · 25

Paid Media Guide

Estrategia de medios pagados

01

Meta Ads

Segmentación geográfica Querétaro, interés en café y lifestyle. Formatos: carrusel, video, stories. Presupuesto sugerido: 40% del total.

02

Google Ads

Search + Display. Keywords locales. Presupuesto diario sugerido: $200 MXN. Formato: responsive search, 300×250 display.

03

LinkedIn

B2B y eventos corporativos. Single image 1200×627. Presupuesto: 10% del total.

04

Pinterest

_pins de menú y ambiente. Standard 1000×1500. Segmentación: mujeres 25-45, interés food & drink.

05

TikTok

Video nativo 80%, producido 20%. Presupuesto: 20% del total. Enfoque en contenido orgánico.

06

UTM Naming

area_cafe_{canal}_{campaña}_{formato}
Ej: area_cafe_ig_carrusel_bebidas

Canal	Objetivo	KPI Principal
Meta Ads	Visita a sucursal	CPL (Costo por lead), CTR
Google Search	Tráfico web / menú	CPC, Conversion Rate
Google Display	Awareness	CPM, Viewability
TikTok	Engagement joven	Video View Rate, Shares
LinkedIn	B2B / Eventos	CTR, Registrations

G14 · 26

Social Playbook

Instagram, TikTok y comunidad

📸

Instagram Grid

5 pilares: 30% Descubre, 20% Origen, 20% Estación, 15% Creadores, 15% Cultura BB. Feed cohesivo con tono cálido.

🎬

Reels & Stories

Reels: Behind the Barista, proceso de preparación. Stories: promos diarias, encuestas, sliders. 3-5 stories/día.

🎵

TikTok Strategy

80% nativo, 20% producido. Duet/Stitch permitido con crédito. Ritmo editorial: 3-4 videos/semana.

💬

Community Management

Responder en < 2h en horario. Plantillas por escenario (elogio, queja, pregunta, spam). Crisis protocol 4 niveles.

Pilar	%	Ejemplo
Descubre	30%	Tipos de café, métodos de preparación, orígenes
Origen	20%	Café mexicano, productores, regiones cafetaleras
Estación	20%	Bebidas de temporada, novedades del menú
Creadores	15%	Entrevistas, freelancers, eventos, colaboraciones
Cultura BB	15%	Detrás de cámaras, valores, equipo

G15 · 27

SEO & Content Marketing

Keywords, meta descriptions, blog template, calendario editorial, schema markup y link building

01 · Keyword Research

Mapa de Keywords

5 clusters estratégicos con volumen estimado, dificultad de ranking e intención de búsqueda. Priorización por fases según autoridad del dominio.

☕ Café de Especialidad

café de especialidad CDMX2,400/mes · KD 38

qué es café de especialidad1,900/mes · KD 22

mejor café especialidad Roma880/mes · KD 28

dónde comprar café especialidad CDMX1,200/mes · KD 32

📍 Cafés & Barrios

cafés en Roma Norte3,600/mes · KD 42

mejores cafés Condesa2,800/mes · KD 40

cafeterías con wifi CDMX2,100/mes · KD 30

café pet friendly CDMX950/mes · KD 25

🥤 Bebidas & Estacional

cold brew casero receta880/mes · KD 16

matcha latte CDMX720/mes · KD 24

latte art fácil650/mes · KD 18

café con horchata receta480/mes · KD 12

🎪 Eventos & Comunidad

talleres de café CDMX440/mes · KD 16

catas café especialidad380/mes · KD 14

espacios para creadores CDMX680/mes · KD 25

open mic Roma Norte290/mes · KD 10

🅱️ Marca — BB Area Cafe

BB Area Cafe100/mes · KD 5

área café roma210/mes · KD 8

área café menú90/mes · KD 4

área café horario120/mes · KD 6

Priorización por Fases

Fase	Semanas	KD Max	Vol Min	Intención	Objetivo
FASE 1	1-4	25	500	Informacional	Quick wins — autoridad temática
FASE 2	5-8	35	800	Comercial	Autoridad local + barrial
FASE 3	9-12	40	500	Transaccional	Conversión — ventas + talleres

02 · Meta Descriptions

Fórmula de Meta & Metadata

Todas las meta descriptions siguen una fórmula reproducible: verbo Explorer + keyword + ubicación + diferenciador + CTA suave. Máximo 155 caracteres.

🏠

Home

"Descubre café de especialidad en la Roma. BB Area Cafe une granos de origen mexicano con un espacio para creadores. Ven a explorar sabores que cambian con cada temporada."

145 caracteres

📝

Blog: Qué es café de especialidad

"¿Qué hace que un café sea de especialidad? Te explicamos las diferencias, los puntajes SCA y por qué en CDMX hay una nueva generación de cafeterías redefiniendo la experiencia."

150 caracteres

🍂

Menú de temporada

"Prueba nuestras bebidas de temporada en la Roma. Cada estación trae nuevos sabores: cold brew de jamaica en primavera, espresso con especias en otoño. Explora el menú aquí."

152 caracteres

🧑‍🍳

Talleres de café

"Aprende a preparar café de especialidad como un experto. Talleres presenciales en nuestra cafetería de la Roma Norte. Desde latte art hasta catas guiadas. Cupo limitado."

153 caracteres

03 · Blog Template

Estructura de Contenido

Template reproducible para cada artículo del blog, optimizado para featured snippets y experiencia de lectura.

H1

Título principal con keyword y gancho humano

LEAD (100–150 palabras)

Keyword en los primeros 100 caracteres. Conexión con la experiencia del lector. Tono cálido, como platicar en la barra.

H2 · Primer subtema

200–300 palabras. Variación de keyword. Datos, comparaciones, referencias locales.

└── H3 · Sub-tema (opcional) — 100–200 palabras

H2 · Segundo subtema

200–300 palabras. Conexión con CDMX, estilo de vida Explorer.

H2 · Tercer subtema — práctico

Tips, pasos, recomendaciones. Puede incluir listas, tabla o checklist.

Tip de barista: Cápsula de consejo práctico formateada para featured snippet.

H2 · Conclusión + CTA

Cierre de 2–3 oraciones. CTA suave: visitar la cafetería, probar una bebida, seguir leyendo.

Reglas Mínimas por Artículo

Elemento	Requisito
Word count mínimo	1,200 palabras (informativo) · 800 (receta) · 400 (noticia)
Internal links	Mínimo 2: menú + blog relacionado
CTA cada ~400 palabras	Intercalar CTAs suaves "Descubre nuestras bebidas", "Visítanos en la Roma"
Imágenes	1 cada 300 palabras. Alt text descriptivo con keyword
Formato hero	1200×628px · .webp con respaldo .jpg

04 · Content Calendar

Calendario Editorial

Julio a diciembre 2026 — 24 artículos mapeados a los 5 content pillars. 2 artículos por semana (lunes + jueves).

Pilares de Contenido

Descubre 30% Origen 20% Estación 20% Creadores 15% Cultura BB 15%

Julio — "Descubre el Origen"

Sem	Tema	Keyword	Tipo
1	Guía completa café de especialidad para principiantes	qué es café de especialidad	Guía
2	Café de Oaxaca: perfil de grano y productores	café de origen Oaxaca	Origen
3	5 cafeterías de especialidad en Roma Norte	cafés Roma Norte especialidad	Listicle
4	Cold brew de temporada: jamaica y hierbabuena	cold brew jamaica receta	Receta

Agosto — "Estación: Lluvias y Sabores"

Sem	Tema	Keyword	Tipo
1	Café con leche de coco para días lluviosos	café con leche coco	Receta
2	Guía de cafeterías pet-friendly en la Condesa	cafetería pet friendly Condesa	Guía local
3	Cómo empezar en el latte art: guía principiantes	latte art fácil principiantes	Tutorial
4	10 libros para leer con una taza de café	libros para leer con café	Listicle

Septiembre — "Creadores & Cultura"

Sem	Tema	Keyword	Tipo
1	Talleres de café en CDMX: guía completa 2026	talleres de café CDMX	Guía
2	Café de Chiapas: nueva generación de productores	café Chiapas especialidad	Origen
3	Open mics y comunidad: el alma de BB Area Cafe	open mic Roma Norte	Cultura
4	5 espacios para creadores en la Roma	espacios creadores Roma	Listicle

Octubre — "Otoño y Especias"

Sem	Tema	Keyword	Tipo
1	Pumpkin spice latte mexicano con especias auténticas	pumpkin spice latte receta México	Receta
2	Café con cardamomo y canela: bebida del otoño	café con cardamomo canela	Receta
3	Diferencias entre espresso y café de filtro	espresso vs café filtro	Comparativa
4	Dónde comprar café de especialidad en CDMX	comprar café especialidad CDMX	Guía compra

Noviembre — "Cultura Cafetera Mexicana"

Sem	Tema	Keyword	Tipo
1	Café de especialidad en México: historia y evolución	historia café especialidad México	Historia
2	Maridaje café y pan dulce: combinación perfecta	café con pan dulce maridaje	Guía
3	Catas de café en CDMX: guía para empezar	catas café especialidad CDMX	Guía
4	8 regalos para amantes del café (navideña)	regalos amantes del café	Listicle

Diciembre — "Celebración & Cierre"

Sem	Tema	Keyword	Tipo
1	Bebidas navideñas de café con ponche y rompope	bebidas navideñas café recetas	Receta
2	El mejor café para regalar esta navidad	café especialidad regalo navidad	Guía compra
3	Cierre de año: lo mejor de 2026 en BB Area Cafe	mejores momentos BB Cafe 2026	Retro
4	Propósitos cafeteros para 2027	propósitos año nuevo café	Inspiración

05 · Schema & Técnico

Schema Markup & URL Conventions

Tipos de schema por página, estructura de URLs y checklist pre-publicación.

🏪

Schema: Página principal

CafeOrCoffeeShop + LocalBusiness

Name, address, geo, openingHours, servesCuisine, sameAs, parentOrganization

📄

Schema: Blog / Artículo

Article o BlogPosting

Headline, author, datePublished, image, description, publisher (Organization)

🍳

Schema: Receta

Recipe

RecipeCategory, cookTime, recipeIngredient, recipeInstructions, nutrition

🎪

Schema: Evento / Taller

Event + EducationEvent

Name, startDate, offers, location, organizer, performer

Estructura de URLs

Página	URL
Inicio	`areacafe.mx`
Blog	`areacafe.mx/blog/[slug]`
Menú	`areacafe.mx/menu`
Menú de temporada	`areacafe.mx/menu/[temporada]`
Talleres	`areacafe.mx/talleres`
Eventos	`areacafe.mx/eventos`

Checklist Pre-Publicación

Keyword principal en H1
Title tag ≤ 60 caracteres con "BB Area Cafe"
Meta description ≤ 155 caracteres
Slug ≤ 5 palabras, minúsculas + guiones
2–4 H2 con variaciones de keyword
Imagen hero 1200×628px .webp
Alt text descriptivo en todas las imágenes
Internal links ≥ 2 (menú + blog relacionado)
Schema markup según tipo de página
Open Graph + Twitter Cards
Canonical URL definida
Mobile-friendly verificado
Sin canibalización de keywords
PageSpeed > 80

06 · Link Building

Estrategia de Enlaces

Voz para guest posts, tácticas de link building y distribución de anchor text.

🎯

Directorios locales

Registro en directorios de cafés de especialidad, guías gastronómicas CDMX, Google Business Profile, Yelp, Maps.

Alta prioridad

✍️

Food bloggers

Invitación a bloggers lifestyle a probar menú de temporada a cambio de reseña con link.

Alta prioridad

🎙️

Podcast & entrevistas

Participación en podcasts de comida, café y lifestyle CDMX para backlinks naturales + awareness.

Media prioridad

🤝

Cross-links locales

Colaboraciones con estudios, galerías, bookstores en Roma/Condesa. Intercambio de enlaces contextuales.

Media prioridad

Distribución de Anchor Text

Tipo	Proporción	Ejemplo
Marca (branded)	40%	"BB Area Cafe", "en Área Café"
URL naked	20%	areacafe.mx, areacafe.mx/blog
Genérico	15%	"aquí", "descubre cómo", "lee más"
Keyword parcial	15%	"café de especialidad en la Roma"
Keyword exacta	10%	"café de especialidad en CDMX" (moderación)

G16 · 28

WhatsApp Business Guide

Perfil, greeting, HSM templates, respuestas rápidas, flujos, emojis, SLA y tono

Perfil

WhatsApp Business

Datos del perfil oficial, foto, portada y catálogo de productos.

📋

Datos del Perfil

Nombre	BB Area Cafe
Categoría	Cafetería / Café de Especialidad
Horario	Lun–Sáb 7AM–10PM · Dom 8AM–8PM
Web	areacafe.mx

🖼️

Foto de Perfil

Símbolo BB (mountain + compass + coffee steam) sobre fondo Warm White #EDE4DA o Deep Espresso #3C2415. Circular, 400×400px mínimo. No cambiar más de una vez por temporada.

📦

Catálogo de Productos

Activar catálogo nativo con fotos reales de: bebidas, repostería, café en grano (bolsas de origen) y merch. Cada producto: nombre, precio, descripción de 1 línea, foto real.

Bienvenida

Mensajes de Greeting

Se activan cuando un contacto nuevo escribe o después de 14 días de inactividad.

General (por defecto)

WhatsApp ☕ ¡Hola! Bienvenido a BB Area Cafe.

Aquí puedes:
• Consultar nuestro menú del día
• Preguntar por el café de temporada
• Hacer un pedido para llevar
• Preguntar por nuestros eventos
• Saber más sobre nuestros orígenes

Responde con el número o escríbenos directo — estamos aquí para lo que necesites.

— Tu equipo BB

Fuera de Horario

Away 🌙 Gracias por escribir. Ya casi cerramos, pero tu mensaje nos llegó.

Te respondemos mañana a partir de las 7:00 AM. Mientras tanto:
• Consulta nuestro horario completo: [link]
• Ve nuestro menú: [link]

— BB Area Cafe

Con Oferta Activa

Campaña ☕ ¡Hola! Bienvenido a BB.

Este mes nuestro café invitado es un natural de Chiapas con notas de frutos rojos. Pregunta por nuestro Flight de Temporada — 3 catas pequeñas por $120.

Escríbenos lo que necesites:
1. Menú del día
2. Café del mes
3. Pedido para llevar
4. Eventos y talleres
5. Otro

— Tu equipo BB

Broadcast

HSM Templates

6 templates para WhatsApp Business API. Requieren aprobación de Meta.

☕ Nuevo Origen del Mes

Nombre: bb_area_cafe_nuevo_origen · Marketing

☕ Nuevo origen en BB: [Nombre del café]

Este mes descubrimos un [origen/región] que nos voló la cabeza. Notas de [sabor 1], [sabor 2] y un final [descripción].

Vívelo en: Espresso · Latte · V60 · Bolsa para llevar

Pasa a probarlo — o pide tu bolsa y llévate la experiencia a casa.

🎟️ Evento o Taller

Nombre: bb_area_cafe_evento · Marketing

🎟️ Te esperamos en BB este [día]

[Nombre del evento] — [descripción breve de 1-2 líneas]

📅 [Fecha] · ⏰ [Hora] · 📍 BB Area Cafe

Cupo limitado. Confirma tu lugar respondiendo a este mensaje.

Te esperamos ☕

🔄 Recordatorio

Nombre: bb_area_cafe_recordatorio · Marketing

☕ ¿Listo para tu dosis de exploración?

Hace unos días no te vemos por BB. Pasamos el café del mes — [Nombre] — y te tenemos una bebida especial esperándote.

Pasa mañana, te invitamos una cata de cortesía.

— Tu equipo BB

✅ Pedido Listo

Nombre: bb_area_cafe_pedido_listo · Transaccional

✅ ¡Tu pedido está listo!

[Nombre del cliente], lo que pediste ya te espera en BB Area Cafe.

🕐 Te esperamos hoy hasta las [hora de cierre].

¿Algo más? Escríbenos.

🎂 Cumpleaños

Nombre: bb_area_cafe_cumpleanos · Marketing

🎂 ¡Feliz cumpleaños, [nombre]!

En BB celebramos contigo. Ven hoy o esta semana y llévate una bebida de cortesía — la que tú elijas.

Solo muéstranos este mensaje en barra.

¡Que tengas un gran día!

📊 Encuesta Rápida

Nombre: bb_area_cafe_encuesta · Marketing

☕ ¿Qué tal tu experiencia en BB?

Cuéntanos rápidamente:
⭐ ¿Qué probaste hoy?
😊 ¿Cómo calificas tu visita del 1 al 10?
💬 ¿Algo que mejorar?

Dos minutos y nos ayudas un montón. Gracias por ser parte de BB.

Respuestas

Catálogo de Respuestas Rápidas

Para uso interno del equipo en barra. Guías, no guiones rígidos.

🍽️ Menú y Horarios

Cliente pregunta	Respuesta sugerida
"¿Qué horas abren?"	¡Hola! Abrimos de 7:00 AM a 10:00 PM, de lunes a sábado. Domingos de 8:00 AM a 8:00 PM. Te esperamos ☕
"¿Tienen menú?"	Claro, aquí te va el enlace a nuestro menú: [link]. ¿Quieres que te recomiende algo en especial?
"¿Tienen opciones veganas?"	¡Sí! Tenemos leche de avena, almendra y soya. Y nuestro espresso Frutos Rojos de Chiapas va increíble con avena. ¿Te animas?
"¿Cuánto cuesta un latte?"	Nuestro latte cuesta $65. Con leche vegetal $75. Y si quieres algo diferente, prueba nuestro Latte de Temporada por $80 — cambia cada mes.

☕ Café de Especialidad

Cliente pregunta	Respuesta sugerida
"¿Qué café recomiendan?"	Depende de lo que busques. Si te gusta algo con cuerpo y chocolate, ve por nuestro espresso base. Si buscas algo más afrutado, prueba el café del mes. ¿Te cuento de qué va?
"¿Venden café en grano?"	Claro que sí. Tenemos bolsas de 250g y 500g de nuestro origen del mes. ¿Quieres que te la preparemos molida o la llevas en grano?
"¿Qué es café de especialidad?"	Es café calificado arriba de 80 puntos en cata profesional — cultivado con cuidado, cosechado en su punto exacto y tostado para resaltar sabores naturales. Más que "mejor", es café más transparente.

🎪 Eventos · 🏃 Pedidos · 💻 Espacio

Categoría	Respuesta sugerida
Eventos	¡Sí! Todos los meses tenemos catas, talleres de latte art, y música en vivo. Escríbenos "EVENTOS" y te agregamos a la lista.
Pedidos para llevar	Claro. Dinos qué quieres y te lo preparamos. Pasa en 10-15 minutos y lo recoges en barra. 🏃‍♂️☕
Espacio de trabajo	Totalmente. Somos espacio amigo de creadores. Wifi rápido, café de especialidad, mesas cómodas. Sin prisas, sin límite de tiempo mientras consumas.

Conversaciones

Flujos de Conversación

4 flujos tipo: venta, información, soporte y re-engagement.

🏪 Venta — Pedido para llevar

Cliente: Hola, ¿puedo pedir un latte para llevar?
↓
BB: ¡Claro! ☕ ¿Te lo preparamos con leche normal o vegetal? ¿tamaño único o extra-grande?
↓
Cliente: Normal, tamaño único.
↓
BB: Perfecto. Son $65. Pasa a recogerlo en unos 15 minutos. Te esperamos 🏃‍♂️
↓
[15 min después]
BB: ¡Tu latte está listo! Te esperamos en barra. — BB

ℹ️ Información — Novedades

Cliente: ¿Qué café nuevo tienen este mes?
↓
BB: Este mes tenemos un Natural de Chiapas — notas de frutos rojos, miel y un final limpio. Te lo recomiendo en V60 para sentir todos los sabores, o en espresso si quieres algo más intenso.
↓
Cliente: Suena bien, voy a probarlo.
↓
BB: Te esperamos. Si quieres llevarte la bolsa, tenemos de 250g ($180) y 500g ($320). ¿Te apartamos una? ☕

🆘 Soporte — Problema

Cliente: Buenas, fui hoy y pedí un matcha latte, pero sabía muy dulce.
↓
BB: Ay, lo sentimos mucho 😔. El matcha que usamos no lleva azúcar — a veces la leche de avena puede dar un toque dulce natural, pero si estaba demasiado dulce, algo salió mal.
↓
BB: ¿Cómo puedes venir mañana? Te preparamos uno cortesía, y le ajustamos el sabor a tu gusto. ¿Ok?
↓
Cliente: Sí, voy en la mañana. Gracias.
↓
BB: Perfecto. Pide con [nombre del barista] y te lo tenemos listo. Gracias por decírnos. — BB ☕

🔄 Re-engagement

Disparador: Cliente no ha visitado en 14+ días

BB: ☕ Hola [nombre], hace días que no te vemos por BB.
Acabamos de recibir un cargamento de Chiapas Natural que te va a encantar.
Pasa mañana — te invitamos una cata de cortesía para que lo conozcas.
— Tu equipo BB

Emojis

Guía de Emojis BB

Los emojis no son decoración — son una herramienta de tono. Usados bien, le dan calidez y personalidad al mensaje.

✅ Emojis principales BB

☕

Café / BBEn casi todos los mensajes

🌱

Origen / frescoCafé del mes, nuevos orígenes

🔥

RecomendaciónAlgo que está buenísimo

✨

DescubrimientoAlgo único, limitado

🏃‍♂️

En caminoPedidos, recogida

🎟️

EventoTalleres, catas

🎂

CumpleañosSolo para celebrar

📍

UbicaciónDirección, indicaciones

😊

AmabilidadCierre de conversación

💬

FeedbackEncuestas, opinión

✅

ConfirmaciónPedidos listos

❤️

AgradecimientoClientes recurrentes

🚫 Emojis NO usar

😂🤣

Demasiado informalPreferimos 😊

💀☠️

ViolentoNo va con la calidez BB

🤑💰

AgresivoBB no es mercadológico

👻🤡

InfantilBB es cálido, no payasesco

📏 Reglas de uso

1

Máximo 3 emojis por mensaje

Más de 3 se siente spam.

2

No empezar con emoji

La primera palabra debe ser texto (excepto respuestas rápidas informales).

3

Un emoji por idea

No apilar emojis. "Te esperamos ☕" sí; "☕🔥✨" como firma no.

4

No reemplazar palabras

"café" no se escribe "☕" a secas — el emoji acompaña, no sustituye.

5

Moderación en HSM

Meta aprueba más fácil los templates con 0-2 emojis.

Operación

Horarios, SLA y Escalamiento

Tiempos de respuesta, prioridades y cadena de escalamiento para el equipo de barra.

🕐 Horarios de Atención

Día	Atención	Respuesta
Lun–Sáb	7:00 AM — 10:00 PM	< 15 min
Domingo	8:00 AM — 8:00 PM	< 15 min
Fuera de horario	Away automático	Al abrir

⭐ SLA por Tipo

Tipo	Tiempo	Prioridad
Pedido para llevar	< 5 min	⭐⭐⭐
Problema / queja	< 10 min	⭐⭐⭐
Información general	< 30 min	⭐⭐
Evento / registro	< 2 horas	⭐

📞 Escalamiento

Situación	Acción
Pregunta técnica (café)	Barista líder o tostador
Problema de calidad	Gerente de turno
Queja grave / crisis	Gerencia + protocolo de crisis
No sabemos	"Déjame preguntar y te respondemos en 30 min"

Tono

Alineación con Tono BB

5 principios de comunicación WhatsApp basados en el Explorer Archetype y G05 Copy Frameworks.

01

Cálido pero sin exceso de confianza

No tratar al cliente de "amigo" ni "bro". Usar "gracias", "por favor", "te esperamos".

02

Curioso, no vendedor

No bombardear con ofertas. Primero resolver, después sugerir.

03

Accesible, no técnico

El cliente no necesita saber de café para pedir. Responder en su idioma.

04

Mexicano sin folclor

No usar "ándale", "órale", "qué onda". BB es orgullosamente mexicano pero no caricaturesco.

05

Humano, no chatbot

Frases completas, buena ortografía, tono natural. No usar respuestas robóticas.

✅ Sí decimos	❌ No decimos
"Te esperamos ☕"	"¡Te esperamos! 🔥🔥🔥"
"Déjanos saber si tienes más dudas"	"Lmk si tienes más dudas"
"Nuestro café del mes"	"Nuestro coffee del mes"
"Gracias por escribirnos"	"Gracias por contactarnos"
"Claro, con gusto"	"Simón, claro"
"Tu pedido está listo ✅"	"Tu pedido ya está"

Personas

Adaptación por Persona

Cada audiencia recibe un trato distinto en WhatsApp, alineado con su perfil y necesidades.

🎨

Aurora — Creativa

Edad: 27–34

Respuestas rápidas, lenguaje directo. Preguntar por su bebida recurrente. Ofrecer el espacio de trabajo. Preguntar si necesita wifi y contacto.

🧭

Diego — Explorador

Edad: 30–42

Contarle del café del mes o evento próximo. Lenguaje más descriptivo. Invitar a probar algo nuevo. Mencionar orígenes y métodos de preparación.

💼

Valeria — Emprendedora

Edad: 35–45

Ser profesional pero cálido. Confirmar pedidos grandes con precisión. Ofrecer espacio para reuniones. Tono más estructurado y formal.

Implementación

Checklist de Implementación

12 pasos para poner en marcha la guía WhatsApp de BB Area Cafe.

☐ Perfil de WhatsApp Business configurado con datos reales

☐ Foto de perfil con símbolo BB sobre fondo Warm White

☐ Portada opcional con fotografía de la barra

☐ Catálogo de productos activado con fotos reales

☐ Mensaje de bienvenida configurado (3 variantes)

☐ Mensaje de ausencia configurado (2 variantes)

☐ HSM templates enviados a Meta para aprobación (6 templates)

☐ Respuestas rápidas cargadas en WhatsApp Business / API

☐ Emojis aprobados comunicados al equipo

☐ SLA y horarios compartidos con el equipo de barra

☐ Flujo de escalamiento documentado y visible

☐ Responsables por turno asignados

G21 · 29

Website Logo Variants

Extraído de area.cafe — 6 variantes de color

🌐

Origen

Logotipo extraído del sitio web oficial area.cafe. Marca: wordmark monocromático en gris medio (#707070).

🎨

6 Variantes

Original, Transparente, Fondo Oscuro, Fondo Claro, Monocromático Negro, Monocromático Blanco.

📐

Formato

PNG 1200×1200px optimizado para web. Original vectorial 4500×4500px disponible en assets.

⚙️

Método

Color mapping preservando anti-aliasing. Sin IA generativa. Solo reemplazo de colores base.

Original — #707070

Blanco — Sobre fondos oscuros

Original · Referencia

Transparente · Uso general

Fondo Oscuro

Fondo Claro · #111111

Monocromático Negro

Monocromático Blanco

Variante	Archivo	Cuándo Usar
Original	website-logo-original.png	Referencia, conserva el color gris original del sitio
Transparente	website-logo-transparente.png	Uso general sobre fondos que no compiten con el gris
Fondo Oscuro	website-logo-fondo-oscuro.png	Sobre negro, gris oscuro, azul marino
Fondo Claro	website-logo-fondo-claro.png	Sobre blanco, gris claro, crema (#111111)
Monocromático Negro	website-logo-negro.png	Sellos, marca de agua, impresión B/N
Monocromático Blanco	website-logo-blanco.png	Sobre fotos, UI oscura, fondos saturados

Preview completa con todas las variantes sobre fondos representativos disponible en logos/website-logo-preview.html.