Almina · Sistema de marca
v1.0 · Julio 2026

almına

El puerto de tu mercancía.
Brand System v1.0
Identidad · Voz · Digital
Preparado para Almina
almina.app
Contenido
01

Estrategia de marca

Almina no compite en la categoría "software de catálogos". Compite contra el PDF pesado, el álbum de WhatsApp desordenado y la charola que solo ven los clientes que llegan al mostrador.

La idea central

«Tu mercancía merece llegar más lejos que tu mostrador.»

Todo lo que la marca hace — el logo, el tono, el producto — sirve a una sola promesa: tomar la mercancía real de un mayorista (fotos y voz, tal como él trabaja) y convertirla en una vitrina profesional que viaja por WhatsApp y regresa convertida en pedidos.

Posicionamiento

Para

Mayoristas y fabricantes de joyería

El dueño del negocio, 35–60 años, que vende por WhatsApp y ferias. Primero México; el modelo escala a cualquier mayoreo.

Almina es

La forma más rápida de convertir mercancía en pedidos

Fotografías, dictas los detalles y en minutos tienes un catálogo profesional con link, precios por gramo y carrito de pedido.

A diferencia de

PDFs, álbumes de WhatsApp y e-commerce genérico

Ni un archivo muerto, ni una tienda que no entiende kilataje, gramos ni mayoreo. Almina habla el idioma del gremio.

Personalidad

Almina es el socio comerciante: alguien del gremio que se modernizó primero y te presta su vitrina. Nunca es una "startup" hablándole a un "usuario".

ArtesanalTecnológico
CálidoCorporativo
SobrioOstentoso
De confianzaDisruptivo
EditorialComercial
SerioJuguetón

Principios de diseño

1 · La joya manda

La mercancía del cliente es siempre la protagonista. La marca es el escenario: papel, luz y aire.

2 · Oro con cuentagotas

El dorado es joya, no pintura. Se usa como acento (~2% de cualquier superficie), nunca como fondo extenso.

3 · Editorial, no e-commerce

Composición de revista: serif con carácter, márgenes generosos, retículas limpias. Cero "marketplace ruidoso".

4 · Claro para manos ocupadas

El usuario tiene 50 años y atiende clientes. Tipografía amplia, contraste AA, acciones obvias. Elegancia ≠ letra chica.

02

El nombre

Almina viene del árabe الميناء (al-mīnā’): el puerto — el lugar donde llega la mercancía. Como "almacén", "aduana" o "arroba", pertenece a la familia de palabras árabes que el español volvió suyas: el puente natural del comercio.

Capa 1 · El puerto

al-mīnā’

Donde atraca la mercancía y empieza el comercio. Almina es el puerto digital del mayorista: ahí llega su producto y de ahí zarpa hacia sus clientes.

Capa 2 · La mina

al·mina

Dentro del nombre vive "mina": el origen del oro, el tesoro. Para un oído joyero, la asociación es inmediata sin ser literal.

Capa 3 · Fonética global

al-MI-na

Tres sílabas, vocales abiertas, sin sonidos que no viajen (ch/v/ñ). Se pronuncia igual en español, inglés y árabe. Se escribe como suena.

Uso: siempre "Almina" (capital inicial) en texto; "almina" (minúsculas) solo dentro del wordmark. Nunca "ALMINA" en prosa, nunca "Almina App".

04

Color

Grafito editorial: papel cálido, tinta profunda y un solo lujo — el oro. La paleta ya vive en producción; aquí se formaliza con nombres, roles y proporciones.

Paleta principal

Grafito#15131A · tinta, fondos de contraste
Papel#FAFAF9 · el fondo de la casa
Arena#F4F2EE · superficies suaves
Oro#C9A24B · el acento. Solo joya, nunca pintura
Grafito 2#46424E · texto secundario
Grafito 3#756F80 · metadatos (AA sobre papel)
Oro profundo#A8842F · oro sobre claro con AA (texto)
Línea#ECEAE4 · bordes y divisores

Proporción de uso

Papel 62%
Arena 20%
Grafito 16%
2%

La regla del cuentagotas: el oro nunca pasa del ~2% de una composición. Un botón NO es dorado; un ícono clave, la faceta del logo, un subrayado, un dato de precio — eso sí.

Paleta extendida — "los metales"

Acentos para temas de catálogo de los clientes (brand_themes) y para ilustración/datos. Nunca compiten con el oro en material de marca Almina.

Granate#9B2540 · tema cliente / alertas editoriales
Jade#2E8B6B · tema cliente / éxito editorial
Plata#B9BCC4 · tema cliente / metal plata
SemánticosOk #16A34A · Peligro #E11D48 (solo UI)
05

Tipografía

Dos voces: Newsreader es la voz de la marca — serif óptica con carácter de imprenta, cálida y editorial. Inter es la voz del producto — neutra, legible, incansable. Ambas libres (Google Fonts), ambas ya en producción.

Display · Newsreader 500
opsz 72 · −1.5%
Tu mercancía, al mundo.
H2 · Newsreader 500 · 34–44
Catálogos que levantan pedidos
Editorial itálica · 400
El puerto de tu mercancía — para citas, acentos y la voz del gremio.
Cuerpo · Inter 400 · 16–17
Toma las fotos con tu teléfono, dicta el kilataje y el gramaje, y Almina arma la ficha por ti. El catálogo queda listo para compartir por WhatsApp con un solo link.
UI · Inter 600 · 13–15
Publicar catálogo  ·  Compartir link  ·  Ver pedidos
Etiqueta · Inter 700 · 12 · +14%
Oro 14K · 12.4 g · Por gramo
Datos · tabular
$18,540.00 MXN  · precios siempre con números tabulares

Reglas: Newsreader solo en display/editorial (nunca en formularios ni tablas) · Inter para todo lo operativo · mínimo 16 px de cuerpo en producto (usuario 40+, escala global 115% ya en prod) · números tabulares en cualquier precio o cantidad.

06

Fotografía e imagen

Dos mundos que siempre conviven: la pieza (macro, luz de vitrina, fondo grafito) y el oficio (manos reales, mostrador, luz cálida de día). Nunca stock de "gente de negocios sonriendo".

La pieza

Macro de joyería sobre grafito o arena. Una sola fuente de luz dura que talle brillos. Composición limpia, mucha sombra, nada de props.

El oficio

Manos del mayorista: acomodando la charola, pesando en la báscula, mostrando el teléfono. Luz natural cálida, grano sutil, honestidad documental.

El producto vivo

Screenshots reales de Almina en un teléfono real, en contexto (mostrador, feria). El UI siempre nítido y actual; jamás mockups inventados.

Reglas de arte

Fondos grafito/arena · luz direccional que hace brillar el metal · manos con historia (edad real del gremio) · charolas, básculas, lupas · profundidad de campo corta · tono cálido (+300K).

No

Modelos de banco de imágenes · oficinas genéricas · manos "perfectas" retocadas · fondos blancos de e-commerce en material de marca · HDR saturado · joyería renderizada en 3D fingiendo ser real.

Dónde conseguirla

Búsquedas Pexels/Unsplash que funcionan: "gold jewelry macro dark background" · "jeweler hands workshop" · "gold chain close up" · "jewelry tray display" · "artisan goldsmith". Para generación (Higgsfield/imagen IA), prompt base:

// Prompt base — "La pieza"
Editorial macro photograph of a gold chain necklace coiled on a dark
graphite stone surface, single hard directional light, deep shadows,
warm highlights, shallow depth of field, no props, Hasselblad look,
subtle film grain. --ar 16:9

// Prompt base — "El oficio"
Documentary photo, hands of a 50-year-old Mexican jewelry wholesaler
arranging rings on a velvet tray at a market counter, warm natural
window light, honest skin texture, shallow focus, editorial style.

La mejor foto de marca de Almina es la mercancía real de un cliente real fotografiada con el teléfono — ese es el producto. Usarla (con permiso) siempre que se pueda.

07

Voz, slogan y copy

Almina habla como el mejor comerciante del gremio: directo, concreto, sin tecnicismos y sin humo. Español neutro-mexicano, de "tú". Los números siempre específicos; las promesas, siempre cumplibles.

Principios de voz

ReglaEjemplo
Concreto sobre abstracto. Tiempo, piezas, pasos."Tu catálogo listo en 15 minutos" — no "optimiza tu flujo de ventas".
El idioma del gremio. Kilataje, gramaje, charola, mayoreo, surtir."Precio por gramo que se actualiza solo" — no "pricing dinámico".
Tú trabajas, Almina carga. El héroe es el mayorista."Tú dictas, Almina escribe la ficha."
Sin anglicismos ni jerga startup.Nada de "revoluciona", "potencia", "seamless", "todo-en-uno", "IA disruptiva".
Sin exageraciones de lujo. El lujo se muestra, no se declara.Nunca "exclusivo", "premium", "de élite" describiéndonos a nosotros.

Slogan

El puerto de tu mercancía.
Nivel marca — activa la historia del nombre, funciona en firma, empaque y pitch. Distintivo y defendible: nadie más puede decirlo.
Del mostrador al mundo.
Nivel campaña — la promesa de alcance en 4 palabras. Ideal para ads y feria.
Fotografía. Dicta. Vende.
Nivel producto — el "cómo funciona" hecho ritmo. Para demos, onboarding y video.
Tu catálogo trabaja mientras tú atiendes.
Nivel beneficio — para audiencias que aún no conocen la categoría (ads fríos).

Heros para el website

Opción A · Recomendada — la promesa
Tu mercancía merece llegar más lejos que tu mostrador.

Toma las fotos, dicta los detalles y en minutos tienes un catálogo profesional con tu marca — listo para compartir por WhatsApp y recibir pedidos.

Opción B — la velocidad
De la charola al catálogo en 15 minutos.

Almina convierte tus fotos y tu voz en fichas completas: kilataje, gramaje y precio por gramo. Tú solo compartes el link.

Opción C — el dolor
Deja de mandar tu mercancía en PDFs pesados.

Un link limpio, con fotos que brillan, precios al día y carrito de pedido. Tus clientes surten solos; tú solo confirmas.

Microcopy y frases de apoyo

Elevator pitch (30 s)

"Almina es el catálogo digital del mayorista de joyería. Fotografías tu mercancía, dictas los detalles, y en minutos tienes una vitrina profesional con tu marca: link para WhatsApp, precios por gramo que se actualizan y pedidos que llegan solos. Sin diseñador, sin PDF, sin e-commerce complicado."

Frases de sección

"Hecha para el gremio, no adaptada." · "Tus precios siguen al oro." · "Cada pieza con su ficha: kilataje, gramaje, precio." · "Tu marca al frente; Almina atrás." · "El pedido llega hecho lista de surtido."

CTAs

Primario: "Crear mi catálogo gratis" · Secundario: "Ver un catálogo de ejemplo" · Pro: "Pasar a Almina Pro" · Compartir: "Enviar por WhatsApp" · Nunca: "Regístrate", "Submit", "Conoce más".

Estados vacíos y errores

Vacío: "Tu vitrina está lista. Sube tu primera pieza." · Error: "No se guardó la pieza. Revisa tu conexión e inténtalo de nuevo." — siempre qué pasó + qué hacer, jamás "¡Ups!"

08

Website — la vibra

Una joyería editorial, no un SaaS genérico: papel cálido, aire, serif grande, y el producto real haciendo el trabajo de convencer. Referencias de temperatura: la sobriedad de Linear + la calidez editorial de una revista de oficio — con acentos de vitrina.

Sensación

Vitrina de mármol, trato de mercado

Elegante al ver, cálido al leer. El visitante debe pensar: "esto se ve caro, pero me habla como colega".

Motion

Sobrio y físico

Fades y desplazamientos suaves (200–300 ms, ease-out). Un solo momento "wow": el hero, donde las fotos se acomodan solas en un catálogo. Cero parallax mareador.

Densidad

Una idea por pantalla

Secciones de una sola promesa con mucho aire. El usuario 40+ hace scroll tranquilo; nada de bento-grids saturados.

Estructura de la landing

01HeroPromesa (opción A) + demo viva: fotos sueltas que se ordenan en un catálogo en el teléfono. CTA "Crear mi catálogo gratis".
02El dolorEl antes/después: álbum de WhatsApp caótico y PDF pesado → link Almina limpio. Sin burlarse del gremio: "así trabajábamos todos".
03Cómo funciona3 pasos: Fotografía · Dicta · Comparte. Cada paso con captura real del producto. Ritmo del slogan de producto.
04Hecha para el gremioLos diferenciadores: precio por gramo, kilataje, agotados, temas por marca, pedidos como lista de surtido. Fondo grafito, la sección "seria".
05El catálogo de ejemploUn catálogo real navegable embebido (el producto es el mejor vendedor). CTA secundaria: "Ver catálogo de ejemplo".
06ConfianzaTestimonios con nombre y ciudad ("Rosela, Guadalajara") + números honestos. Fotos "El oficio". Nada de logos inventados.
07PreciosDos columnas: Gratis (50 piezas) y Pro. Números tabulares, IVA incluido, sin letras chicas. El oro solo en el plan recomendado.
08CierreSlogan de marca sobre grafito con la faceta de oro + CTA final. Footer mínimo: WhatsApp, correo, legal.

Dominio y correo ya operativos: almina.app · Resend verificado. El viewer público de catálogos hereda este sistema con el acento del cliente (brand_themes) — la casa siempre en grafito; el color, del joyero.

09

Aplicaciones

La prueba de un sistema es la esquina más pequeña: el favicon, el avatar de WhatsApp, la portada de un PDF.

Ícono de app / avatar

App icon / avatar (grafito)
Variante clara (marketing)
Favicon 32 px — sigue leyendo
Edición oro — solo Pro/celebraciones

Sustituye al favicon actual (tarjeta de catálogo) — el Arco es la marca, no una metáfora de UI. El SVG del ícono nuevo queda junto a este documento para llevar a public/favicon.svg cuando se apruebe.

OG image / tarjeta de compartir

Tu catálogo de mayoreo,
listo para el mundo.
ALMINA.APP
1200×630 · así se ve el link cuando viaja por WhatsApp — el momento de marca más frecuente de todos

Firma de correo y papelería

Firma

Gerardo Hernández
Almina — El puerto de tu mercancía
almina.app · hola@almina.app

Portada de PDF (catálogos exportados)

Papel o grafito según preset del cliente; isotipo Almina pequeño en el pie como sello ("Hecho con Almina" en plan gratis; invisible en Pro white-label). El logo del cliente siempre arriba, más grande que el nuestro.

10

Tokens

El sistema en código — compatible con los tokens que ya viven en index.css (@theme de Tailwind v4). Cambios vs prod: se documenta el rol de cada token y se agregan oro-profundo, oro-suave y plata.

/* Almina · brand tokens v1.0 — extiende el @theme existente */
--color-ink:        #15131A;  /* Grafito — texto, fondos de contraste */
--color-ink-2:      #46424E;  /* texto secundario */
--color-ink-3:      #756F80;  /* metadatos (AA sobre papel) */
--color-paper:      #FFFFFF;
--color-paper-2:    #FAFAF9;  /* Papel — fondo de la casa */
--color-paper-3:    #F4F2EE;  /* Arena */
--color-line:       #ECEAE4;
--color-line-2:     #E2DFD8;
--color-gold:       #C9A24B;  /* el acento — máx ~2% de la superficie */
--color-gold-deep:  #A8842F;  /* NUEVO — oro como TEXTO sobre claro (AA) */
--color-gold-soft:  #F6EFDE;  /* NUEVO — fondo de resaltado dorado */
--color-plata:      #B9BCC4;  /* NUEVO — tema metal plata */
--color-granate:    #9B2540;  /* tema cliente (ya en ACCENT_PRESETS) */
--color-jade:       #2E8B6B;  /* tema cliente (ya en ACCENT_PRESETS) */
--color-ok:         #16A34A;  --color-ok-soft: #E7F5EC;
--color-danger:     #E11D48;  --color-danger-soft: #FCE8EE;

--font-sans:  'Inter', system-ui, sans-serif;      /* producto */
--font-serif: 'Newsreader', Georgia, serif;         /* marca/display */

--radius-sm: 12px;  --radius-card: 18px;  --radius-lg: 26px;
/* botones pill: radius 999px · sombras: ninguna o 0 1px 2px rgba(21,19,26,.06) */

Assets fuente: los SVG de isotipo, lockup e ícono de app viven en design/brand/ junto a este documento. Wordmark definitivo: componer en Newsreader Medium, sustituir el punto de la "i" por la faceta y convertir a contornos antes de usar fuera de web.