Portal de Marca · Accountrix

01

Fundamento

Esencia de marca

Accountrix no es una firma más. Es la firma que eligieron los que ya no aguantan más firmas.

Posicionamiento

Arquetipo	Firma anti-firma. Desafía el molde de las firmas tradicionales sin caer en informalidad. Sobriedad con criterio.
Propuesta	Estrategia legal + contable para independientes que ya facturan en serio. No declaraciones genéricas: un plan accionable para su realidad.
Diferencial	4 Casas integradas bajo una sola cuenta. Sin asteriscos, sin letra pequeña, sin formularios eternos.
Promesa	Tu tesoro merece alguien que lo entienda antes de la DIAN.

"Tus ingresos llegan por distintas cuentas y plataformas. Si tú no sabes cuánto hay en total, la DIAN sí sabrá."

Hero copy principal · web

ICP · Cliente Ideal

Independiente digital

Influencer, creador, consultor o freelance que factura por múltiples plataformas. Sabe que tiene plata pero no sabe exactamente cuánta, ni cuánto le debe a la DIAN.

Empresario emergente

Dueño de restaurante, estudio, marca personal o servicios que creció rápido. Todavía lleva la contabilidad en su cabeza o con un contador de barrio.

Profesional liberal

Médico, arquitecto, abogado, psicólogo en ejercicio independiente. Factura bien pero no tiene un sistema claro de cómo proteger lo que genera.

Voz y glosario

Criterio universal

5/50.

Lo entiende un niño de 5 y un señor de 50. Si el copy no pasa este filtro, no sale.

Tono	Claro sin ser simple. Directo sin ser brusco. Cercano sin ser informal. Filtro 5/50: lo entiende un niño de 5 y un señor de 50.
El tesoro	El dinero y patrimonio del cliente. Nunca decir "activos" o "capital": siempre "tu tesoro".
Sin asteriscos	Transparencia absoluta en precios y condiciones. No hay letra pequeña.
Las 4 Casas	Legal · Contable · Nómina · Financiera. Son identidad de marca, no CTA de venta inicial.
Glow Up Tributario	Producto estrella del piloto. Estrategia legal + contable anual. One-off, no retainer.

Prohibido	AI-slop Emojis decorativos Jerga legal densa Precios fijos en web
Permitido	Gran angular celular Oficina real Lenguaje cotidiano
Cierre	Siempre WhatsApp o DM. Nunca Calendly como puerta de entrada.

Referentes

Sí mirar	Truora Mr. Taxes Lulo Bank NuBank Bench
No imitar	Epa Colombia Firmas azules tradicionales Yina Calderón
Estética	Celular en mano, gran angular, oficina real. Nunca estudio profesional, nunca fondo blanco infinito, nunca imágenes de banco de stock.

02

Sistema visual

Reglas inamovibles

No son sugerencias. Cualquier pieza producida (web, social, print) debe pasar por este filtro antes de publicarse.

Inamovibles

R1
Cero border-radius
Todas las superficies son rectangulares. Sin redondez en cards, botones, inputs, modales ni imágenes. El ángulo recto es parte del ADN anti-firma.
R2
Cero hover transforms
Ningún elemento escala, translada ni rota al hacer hover. Los estados activos se comunican con color de fondo o borde. Nunca con movimiento físico del elemento.
R3
Cero offset shadows brutalist
Prohibido usar sombras del tipo 4px 4px 0 #color. Si hay sombra, debe ser suave y difusa (glow). La estética brutalista con offset shadow comunica informalidad.
R4
Hero h1: regular + bold solo en acento
El texto principal del h1 usa font-weight regular (400). Solo la palabra o frase de acento va en bold (600). Ej: "Tus ingresos llegan por distintas cuentas · la DIAN sí sabrá."
R5
Rethink Sans única · sistema mono-familia
No se mezcla con ninguna otra tipografía. Ni serif para títulos, ni monospace decorativo, ni display para énfasis. La jerarquía la dan tamaño, peso y color.
R6
fw-bold = 600, no 700
El peso máximo de la marca es 600 (semibold). El 700 carga densidad visual de firma tradicional. La declaración --fw-bold: 600 está en tokens.css y es SSOT.
R7
Cero emojis en superficies de marca
Ningún emoji en navegación, títulos, CTAs, badges, estados, dashboards, webs ni presentaciones. Si hace falta apoyo visual: iconografía del sistema o SVGs.

SÍ / NO visual

SÍ · Aplicar

+Esquinas rectas en cards, botones e inputs

+Estado activo con cambio de fondo o color

+Sombra difusa tipo glow (box-shadow con blur alto, sin offset)

+h1 principal en 400, solo la palabra acento en 600

+Jerarquía por tamaño, peso y color. Una sola familia

+Iconografía SVG del sistema de línea

NO · Prohibido

×border-radius en cualquier valor (4px, 8px, 50%)

×transform: scale() o translateY() en hover

×box-shadow: 4px 4px 0 #color (offset brutalist)

×Títulos completos en bold (todo el h1 en 600 o 700)

×Segunda tipografía, serif, display o condensada

×Emojis en cualquier superficie visual de marca

SÍ · Card correcta

Casa Legal

Estrategia tributaria para lo que ya generas.

Sin radius · sin offset shadow · sin hover scale

NO · Card incorrecta

Casa Legal

Estrategia tributaria para lo que ya generas.

border-radius: 12px + box-shadow: 4px 4px 0 · ambos prohibidos

03

Sistema cromático

Paleta de color

Sistema mono-temperatura. Todos los tonos comparten ADN del Deep Nexus. Los neon son exclusivos de canales digitales. Nunca en print sin conversión Pantone.

Primitivos · colores base

Deep Nexus

HEX#120c28

RGB18 · 12 · 40

HSL253° · 54% · 10%

UsoFondo dark, texto on-light

Platinum

HEX#f1f0f5

RGB241 · 240 · 245

HSL253° · 20% · 95%

UsoFondo light, superficies alternas

Vivid Purple

HEX#8266ff

RGB130 · 102 · 255

HSL252° · 100% · 70%

UsoBrand principal, CTAs, links

Periwinkle

HEX#cbb9f7

RGB203 · 185 · 247

HSL260° · 82% · 85%

UsoBrand soft, superficies brand

Neon Sky

HEX#8df4ff

RGB141 · 244 · 255

CasaCasa Legal

UsoSolo digital

Quantum Lemo

HEX#dcf045

RGB220 · 240 · 69

CasaCasa Contable

UsoSolo digital

Byte Green

HEX#45f09e

RGB69 · 240 · 158

CasaCasa Financiera

UsoSolo digital

Synthwave Bush

HEX#ff7a7c

RGB255 · 122 · 124

CasaCasa Nómina

UsoSolo digital

Tokens semánticos

Token CSS	Valor	Rol
--bg-dark	#120c28	Fondo modo oscuro, hero
--bg-light	#f1f0f5	Fondo modo claro, portal
--brand	#8266ff	Acción principal, CTAs, links
--brand-soft	#cbb9f7	Superficies brand, decorativo
--accent	#8df4ff	Neon Sky · Casa Legal
--warning	#dcf045	Quantum Lemo · Casa Contable
--success	#45f09e	Byte Green · Casa Financiera
--error	#ff7a7c	Synthwave Bush · Casa Nómina

Print-safe · Pantone Solid Coated

Color digital	Equivalente print	HEX print	Pantone	CMYK
Neon Sky	Neon Sky Print	#1c93a0	Pantone 3115 C	C82 M8 Y0 K37
Quantum Lemo	Lemo Print	#c2d723	Pantone 382 C	C10 M0 Y84 K16
Byte Green	Green Print	#0f9554	Pantone 3268 C	C90 M0 Y44 K42
Synthwave Bush	Bush Print	#ff575a	Pantone 177 C	C0 M66 Y65 K0

Verificar contra muestra física antes de producción. Los neon pierden 10-15% de saturación al convertir a CMYK.

Accesibilidad WCAG 2.1

Combinación	Preview	Ratio	AA (4.5:1)	AAA (7:1)	Uso recomendado
Platinum sobre Deep Nexus	Texto	17.8:1	PASS	PASS	Texto principal dark mode
Deep Nexus sobre Platinum	Texto	17.8:1	PASS	PASS	Texto principal light mode
Vivid Purple sobre Platinum	Texto	4.6:1	PASS	FAIL	Links, labels. No body text largo
Vivid Purple sobre Deep Nexus	Texto	5.1:1	PASS	FAIL	Links dark mode. No body text largo
Neon Sky sobre Deep Nexus	Texto	12.4:1	PASS	PASS	Etiquetas Casa Legal dark mode
Neon Sky sobre Platinum	Texto	1.4:1	FAIL	FAIL	Solo como decorativo. No texto
Quantum Lemo sobre Deep Nexus	Texto	11.9:1	PASS	PASS	Etiquetas Casa Contable dark mode
Synthwave Bush sobre Deep Nexus	Texto	5.4:1	PASS	FAIL	Alertas dark mode. No body text

04

Sistema tipográfico

Rethink Sans · mono-familia

Una sola familia, toda la jerarquía. El contraste se logra con tamaño, peso y color. Nunca con familias mezcladas.

Escala tipográfica

--fs-display

clamp(1.75rem → 2.5rem)

Display · Hero principal

--fs-section

clamp(1.5rem → 2.25rem)

Section · Título de sección

--fs-h2

clamp(1.15rem → 1.6rem)

H2 · Subsección, panel, casa

--fs-h3

clamp(1rem → 1.125rem)

H3 · Título de card

--fs-h4

clamp(0.9rem → 1rem)

H4 · Label, subtítulo

--fs-body-lg

1rem · 16px

Body large · Intro de sección, hero desc

--fs-body

0.875rem · 14px

Body estándar · Párrafos, listas, FAQ, tablas

--fs-caption

0.75rem · 12px

Caption · Nav, footer, labels de cards

--fs-micro

0.6875rem · 11px

MICRO · EYEBROWS, BADGES, TABS

Pesos disponibles

Regular

Aa

400 · --fw-regular

Cuerpo de texto, párrafos, h1 principal sin énfasis.

Medium

Aa

500 · --fw-medium

Labels, metadata, nav items, eyebrows.

Semibold / Bold

Aa

600 · --fw-bold = --fw-semibold

Peso máximo de la marca. Accent en h1, CTAs, títulos de card.

Especimen · patrón h1 + accent

Patrón inamovible · peso regular + bold solo en acento

Tus ingresos llegan por distintas cuentas.
Si tú no sabes cuánto hay en total, la DIAN sí sabrá.

Solo la frase de acento va en 600. El resto del h1 en 400. Esta tensión visual es la firma tipográfica de Accountrix: sobriedad que impacta.

05

Sistema de iconos

Iconografía de línea

Sistema propio de line-art. Sin sets externos, sin estilos mixtos. Todos los iconos comparten el mismo grosor de trazo y lenguaje visual.

Especificaciones

Base y escala

Grid base: 60×60px
Área segura: 6px de padding interno
Escalar siempre proporcional
Tamaños sugeridos: 20 · 24 · 32 · 48px

Trazo y estilo

Línea: 1.5px stroke, round caps
Sin relleno sólido en el ícono
Shadow: glow violeta suave embebido
Sin border-radius en el contenedor

Uso y color

En dark: stroke platinum o brand
En light: stroke deep-nexus o brand
Sin conjuntos externos (Lucide, Feather)
SVG embebido o src img. Nunca font

Biblioteca · 20 iconos del sistema

settings

bell

document

search

pie-chart

bar-chart

calendar

target

chat

lock

globe

stopwatch

instagram

06

Arquitectura de servicios

Las 4 Casas

Cuatro especialidades bajo un mismo techo. Se venden como retainer mensual después del Glow Up Tributario. No como CTA inicial. Cada Casa tiene su color de acento.

Casa Legal

Protección · Estructura · Tributario

Estrategia legal, tributaria y aduanera. Declaraciones, optimización fiscal, estructuración de negocios y representación ante la DIAN y la UGPP.

Casa Contable

Orden · Claridad · Control

Contabilidad mensual, estados financieros, conciliaciones y reportes de gestión. Convierte números dispersos en una imagen clara de tu negocio.

Casa Financiera

Proyección · Flujo · Decisión

Análisis financiero, flujos de caja, proyecciones y estructuración para crédito. Para quien necesita saber no solo cuánto tiene sino adónde va.

Casa Nómina

Equipo · Cumplimiento · Seguridad

Liquidación de nómina, seguridad social, UGPP y contratos laborales. Para negocios con equipo que quieren cumplir sin convertirlo en un trabajo de tiempo completo.

07

Assets gráficos

Recursos gráficos

Todos los assets son SVG vectoriales. Escalar sin pérdida. Nunca exportar con filtros de Figma que rasterizen el output.

Trix · la dragona

trix-dragons SVG vectorial

scene-trix-cliff SVG vectorial

scene-trix-landscape SVG vectorial

Escenas · ilustraciones contextuales

scene-crown

scene-cup-flame

scene-feather-scroll

ui-frames

Decorativos · crystals y elementos de ambiente

crystal-red

crystal-blue

crystal-green

crystal-yellow

crystal-dark

sparkle

flame

feather

leaf

ribbon

pine-triangle

08

Conversión

CTAs y Keywords

Todo CTA lleva a WhatsApp Business con UTM. Calendly es escalación post-conversación, nunca puerta de entrada. Sin precio fijo en ninguna superficie web.

Jerarquía de CTAs · research-backed

Posición	Copy	Destino	Lógica
Hero principal	Hablemos 30 min gratis	wa.me/57XXX?utm_source=web&utm_medium=hero	Baja el costo percibido. "30 min" da concreción, "gratis" elimina barrera.
Mid-page	Quiero saber si me aplica	wa.me/57XXX?utm_source=web&utm_medium=mid	Activa curiosidad y autoidentificación. No compromete al usuario.
Cierre / final	Quiero mi Glow Up	wa.me/57XXX?utm_source=web&utm_medium=footer	Usuario ya leyó todo. CTA de intención alta. Nombre del producto directo.
Nav / footer	Escríbenos	wa.me/57XXX?utm_source=web&utm_medium=nav	Neutro, siempre disponible, no presiona.
Reels (caption)	Comenta [PALABRA] y te cuento si tu Glow Up Tributario te aplica.	ManyChat flow según keyword	Activa flujo automatizado. Cierra cada Reel sin excepción.

ManyChat Keywords · 4 evergreen (Free plan)

TESORO

Preventivo general: "quiero cuidar mi plata". Lead con visión de largo plazo.

Respuesta 24h

TRIX

Curiosidad por la firma o su tecnología. Lead frío pero educado.

Respuesta 24h

YO

Autoidentificación con un caso personal. Lead tibio con urgencia moderada.

Respuesta 12h

AYUDA

Crisis activa: requerimiento DIAN llegado, deuda, multa. Lead caliente.

Respuesta <2h

No crear keywords nuevas. Si un Reel no encaja en ninguna, reescribirlo hasta que encaje. ManyChat Free permite máximo 4 keywords activas.

Portal de MarcaAccountrix

Esencia de marca

Reglas inamovibles

Paleta de color

Rethink Sans · mono-familia

Tus ingresos llegan por distintas cuentas.Si tú no sabes cuánto hay en total, la DIAN sí sabrá.

Iconografía de línea

Las 4 Casas

Recursos gráficos

CTAs y Keywords

Portal de Marca
Accountrix

Tus ingresos llegan por distintas cuentas.
Si tú no sabes cuánto hay en total, la DIAN sí sabrá.