02 · Casos / 04
samtics.dev
Marca y sitio de servicios · el que estás viendo
Los agentes investigan, proponen y construyen. Yo decido cada palabra y cada trazo.
El reto
Una marca nueva que se sintiera humana, se entendiera en cinco segundos y pudiera leerla tanto una persona como un agente. Sin plantilla y sin perder mi forma de ser.
El enfoque
Recorrí el camino completo antes de abrir un editor. Primero la marca: el concepto "punto de decisión", el logo, la paleta y la tipografía, con la letra a mano para lo humano. Luego la comunicación: la frase, la voz y los textos en dos idiomas escritos por separado. Después Ese, el personaje que habla por la marca: la misma S del logo con dos ojos. Al final el sitio: estático y rápido, con movimiento fino que se apaga si lo prefieres y una versión para agentes.
Cómo se armó la marca
De una idea a una identidad en internet. Cada pieza tiene un porqué; si no lo tiene, no entra.
- 01
La idea
Punto de decisión. El trazo es lo que hace la tecnología; el punto lima es la decisión de una persona. Todo lo demás repite esa regla.
- 02
El logo
Una S que sube y se detiene frente a un punto: Sam + TICs. Geometría fija: trazo de 11, punto de 19 (≈1.7×), esquinas de radio 10. En el wordmark, la ı lleva el mismo punto.
- 03
Color
Grafito de fondo para que el contenido respire sin ruido, verde de bosque como respiro y un solo acento vivo para decidir. El lima nunca es decoración: solo marca decisiones.
GrafitoFondo, calma#141513CarbónTarjetas#1E1F1CHuesoTexto#ECEDE7SageRespiro, naturaleza#A3AD8CPapelFondo en modo claro#F4F5F2NieblaSecundario#A0A69FBosqueTopografía#323B27ÓxidoAvisos#D07A50LimaDecisión humana#C8F04A - 04
El respiro
Curvas de nivel, como un mapa del terreno: antes de construir se entiende el terreno de tu trabajo. El punto lima marca a dónde quieres llegar, y eso lo decide una persona. Las líneas se mueven lento, como respirando: la tecnología hace lo repetitivo para que tú recuperes tiempo. Por eso es verde: la naturaleza como respiro frente a la pantalla.
- 05
Tipografía
Una voz neutra para todo, una técnica para números y etiquetas, y letra a mano solo para la parte humana de la frase.
AaGeistTodo el texto. Clara, neutra.01Geist Mono01 · Números, etiquetas, lo técnico.AaLetra a manoSolo lo humano, una vez por bloque. - 06
Ese, el personaje
La S con vida: misma geometría que el logo más dos ojos. Hace lo pesado y se detiene a mirarte cuando algo importa.
- 07
Comunicación
Tuteo, primera persona, sin jerga gratuita. Prometo con casos, no con adjetivos.
Tecnología con intención. Humanos con decisión.
- Platiquemos con intención
- Tú decides lo importante
- Te digo con honestidad si puedo ayudar
Soluciones disruptivas de IATransformamos tu negocioLíderes en innovación
- 08
Dimensiones
Una escala de espacio y radios que se repite en todo. El orden se nota aunque no se vea.
- 09
En internet
La misma regla en cada lugar donde la marca vive: favicon, avatar, botón, sitio. Si ves el punto lima, ahí decide una persona.
El sistema
01Marca
- Concepto y logo
- Paleta y tipografía
- Ese, el personaje
02Comunicación
- Frase y voz
- Textos ES y EN
03Sitio
- Para personas: páginas y movimiento
- Para agentes: llms.txt y markdown
04Decides tú
- Agendar llamada
La frontera
Decidieron los agentes
- Investigar referencias.
- Proponer paletas, estructuras y borradores.
- Construir componentes y animaciones.
- Revisar accesibilidad y rendimiento.
Decidí yo
- El mensaje y el nombre.
- El logo, el color y el personaje.
- La voz y cada palabra que se publica.
- Qué se muestra y qué se queda fuera.
Resultado
Una marca con sistema, voz y personaje, y un sitio que explica lo que hago con ejemplos, no con adjetivos, que además un agente puede consultar sin adivinar.
Qué aprendí
El mensaje manda sobre el diseño: si la frase no está clara, ningún efecto la arregla.