Card estandar
Con borde lateral mint, icono Lucide y transicion suave al hacer hover.
Identidad de marca
Nuestra marca
Una marca es mucho mas 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 artesania
Soamee nace de la fusion de software y artesania. Del ingles antiguo soam (oficio artesanal) y ee (engineering excellence). Cada linea de codigo es una pieza artesanal.
No somos una fabrica de software. Somos un estudio donde cada proyecto se disena, construye y pule con la precision de un artesano y la vision de un ingeniero. Esa dualidad define todo lo que hacemos, desde la estrategia hasta el ultimo pixel.
2019
Fundacion
Javier Manzano funda Soamee en Madrid con una idea clara: desarrollo de software con alma artesanal.
2020
Primer producto
Lanzamos nuestra primera solucion SaaS. Empezamos a trabajar con startups que comparten nuestra vision de calidad.
2021
Rebrand
Redefinimos nuestra identidad visual: nace la paleta purpura-mint, Clash Display y el sistema de patrones diagonales.
2022
Expansion del equipo
El equipo crece a 10+ personas. Incorporamos diseno 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
Expansion 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 energia
Nuestra paleta equilibra la autoridad del purpura con la frescura del mint. Cada color tiene un proposito 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
Tipografia
Tres voces, una personalidad
Clash Display para impactar, Plus Jakarta Sans para comunicar y DM Mono para el detalle tecnico. Cada fuente cumple un rol preciso en nuestra jerarquia visual.
01
Clash Display
HeadingsAa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
H1 — Software Artesanal
H2 — Cada proyecto, una pieza unica
H3 — Construimos con precision
H4 — Tecnologia con alma
H5 — Detalle y calidad
H6 — Label heading
02
Plus Jakarta Sans
BodyAa Bb Cc
Cada linea de codigo que escribimos es una decision deliberada. No buscamos la velocidad por la velocidad, sino la precision que permite escalar sin deuda tecnica.
Regular 400
Cuerpo de texto
Medium 500
Subtitulos
Bold 700
Enfasis
ExtraBold 800
Destacados
03
DM Mono
Code / LabelsAa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
// Asi se ve el codigo en la marca Soamee
const soamee = createStudio({
craft: 'artesanal',
precision: Infinity,
});
Font pairing
Diseno con proposito
Cuando Clash Display marca la direccion 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 comunicacion.
Rayas diagonales
Patron de rayas a 45 grados que aparece en esquinas, separadores y fondos. Simboliza precision 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 atencion al nucleo.
border-radius: 50%;
border: 1px solid rgba(93,211,179,0.3);Blobs organicos
Formas organicas que mutan suavemente. Contrastan con la precision tecnica 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 proteccion: 1x el ancho de la S.
font-family: "Clash Display";
font-weight: 900; /* Black */
clear-space: 1 × width;Sistema de diseno
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 decoracion 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 accion
Asi 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 asi para tu empresa?
Disenarmos marcas con la misma atencion al detalle que ponemos en la nuestra. Estrategia, identidad visual, sistema de diseno y aplicaciones: todo cohesionado.