Card estándar
Con borde lateral mint, icono Lucide y transición suave al hacer hover.
Identidad de marca
Nuestra marca
Una marca es mucho más que un logotipo. Es la promesa que hacemos, la historia que contamos y la experiencia que creamos en cada punto de contacto.
El origen
Donde el software se convierte en artesanía
Soamee nace de la fusión de software y artesanía. Del inglés antiguo soam (oficio artesanal) y ee (engineering excellence). Cada línea de código es una pieza artesanal.
No somos una fábrica de software. Somos un estudio donde cada proyecto se diseña, construye y pule con la precisión de un artesano y la visión de un ingeniero. Esa dualidad define todo lo que hacemos, desde la estrategia hasta el último pixel.
2019
Fundación
Javier Manzano funda Soamee en Madrid con una idea clara: desarrollo de software con alma artesanal.
2020
Primer producto
Lanzamos nuestra primera solución SaaS. Empezamos a trabajar con startups que comparten nuestra visión de calidad.
2021
Rebrand
Redefinimos nuestra identidad visual: nace la paleta purpura-mint, Clash Display y el sistema de patrones diagonales.
2022
Expansión del equipo
El equipo crece a 10+ personas. Incorporamos diseño UX/UI, cloud y data como servicios core.
2023
Tenki
Lanzamos Tenki, nuestro producto estrella para consultoras y agencias. La marca Soamee se consolida.
2024
IA & agentes
Integramos inteligencia artificial en todos nuestros servicios. Soamee se posiciona como referente en agentes IA.
2025
Expansión internacional
Abrimos mercado en Europa y Latinoamerica. La web se traduce a 5 idiomas.
2026
4 productos propios
Consolidamos nuestro portfolio con 4 productos SaaS y +200 proyectos entregados.
Paleta de color
Purpura y mint: profundidad y energía
Nuestra paleta equilibra la autoridad del purpura con la frescura del mint. Cada color tiene un propósito y un contexto de uso definido.
#1e1548
Purple Deep
#1e1548
--color-primary-800
Fondos hero, footer, secciones oscuras
#3b2d7e
Purple
#3b2d7e
--color-primary-600
Color primario, botones, enlaces
#5a4a9e
Purple Light
#5a4a9e
--color-primary-500
Acentos secundarios, hover states
#5dd3b3
Mint
#5dd3b3
--color-secondary-400
CTAs, highlights, acentos principales
#8ae4cc
Mint Light
#8ae4cc
--color-secondary-300
Fondos suaves, badges, decoraciones
global.css
@theme {
--color-primary-600: #3b2d7e; /* Purple */
--color-primary-800: #1e1548; /* Purple Deep */
--color-secondary-400: #5dd3b3; /* Mint */
--color-secondary-300: #8ae4cc; /* Mint Light */
}Escala completa
50
100
200
300
400
500
600
700
800
950
50
100
200
300
400
500
600
700
800
950
Tipografía
Tres voces, una personalidad
Clash Display para impactar, Plus Jakarta Sans para comunicar y DM Mono para el detalle técnico. Cada fuente cumple un rol preciso en nuestra jerarquía visual.
01
Clash Display
HeadingsAa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
H1 — Software Artesanal
H2 — Cada proyecto, una pieza única
H3 — Construimos con precisión
H4 — Tecnología con alma
H5 — Detalle y calidad
H6 — Label heading
02
Plus Jakarta Sans
BodyAa Bb Cc
Cada línea de código que escribimos es una decisión deliberada. No buscamos la velocidad por la velocidad, sino la precisión que permite escalar sin deuda técnica.
Regular 400
Cuerpo de texto
Medium 500
Subtitulos
Bold 700
Enfasis
ExtraBold 800
Destacados
03
DM Mono
Code / LabelsAa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
// Así se ve el código en la marca Soamee
const soamee = createStudio({
craft: 'artesanal',
precisión: Infinity,
});
Font pairing
Diseño con propósito
Cuando Clash Display marca la dirección y Plus Jakarta Sans cuenta la historia, el resultado es una voz que transmite autoridad sin perder cercania.
font-heading: "Clash Display" · font-sans: "Plus Jakarta Sans" · font-mono: "DM Mono"
Motivos visuales
Patrones que nos hacen reconocibles
Cuatro elementos visuales recurrentes que refuerzan la identidad de Soamee en cada pieza de comunicación.
Rayas diagonales
Patrón de rayas a 45 grados que aparece en esquinas, separadores y fondos. Simboliza precisión y movimiento constante.
background: repeating-linear-gradient(
45deg,
#5dd3b3, #5dd3b3 4px,
transparent 4px, transparent 12px
);Circulos concentricos
Circulos que se expanden desde un punto central. Representan el alcance creciente de cada proyecto y la atención al núcleo.
border-radius: 50%;
border: 1px solid rgba(93,211,179,0.3);Blobs orgánicos
Formas orgánicas que mutan suavemente. Contrastan con la precisión técnica y aportan calidez humana a la marca.
animation: morph-blob 8s ease-in-out infinite;
border-radius: 60% 40% 50% 50%
/ 50% 60% 40% 50%; S
La marca S
El logomark S en Clash Display Black. Se usa como favicon, marca de agua y elemento decorativo. Zona de protección: 1x el ancho de la S.
font-family: "Clash Display";
font-weight: 900; /* Black */
clear-space: 1 × width;Sistema de diseño
Componentes vivos
Botones, tarjetas, badges y controles que componen la experiencia Soamee. Todos interactivos — prueba el hover.
01 Botones
02 Tarjetas
Glow Card
Efecto de brillo que sigue el cursor. Ideal para destacar features premium.
Tilt Card
Tarjeta con decoración de rayas y shadow al hover. Apariencia elevada.
03 Badges y eyebrows
Section eyebrow light
Section eyebrow dark
Badge Mint Badge Purple Badge Neutral
04 Campos de formulario
Aplicaciones de marca
La marca en acción
Así se aplica el sistema de identidad en piezas reales: tarjetas de visita, firma de email, redes sociales y presentaciones.
Tarjeta de visita
Firma de email
S
Javier Manzano
CEO & Founder
info@soamee.com
soamee.com
Software Artesanal desde Madrid
Post Instagram
Post LinkedIn
OG Image template
Portada de presentacion
Tu identidad de marca
Te gustaria una identidad de marca así para tu empresa?
Disenarmos marcas con la misma atención al detalle que ponemos en la nuestra. Estrategia, identidad visual, sistema de diseño y aplicaciones: todo cohesionado.
Nuestra marca
Cuéntanos tu reto. Te proponemos solución.
Sin compromiso. En menos de 24 h recibes una propuesta con alcance, plazos y presupuesto. Sin letra pequeña.