Manual de marca

Versión
1.0
Fecha
Septiembre 2026
Web
artemiscapital.cl

01 — Esencia

Esencia de marca

Artemis Capital es una empresa de factoring y asesoría financiera orientada a pequeñas y medianas empresas, con cobertura de Arica a Punta Arenas. Este manual establece las normas de uso de la identidad visual para garantizar una aplicación coherente en el sitio web, la plataforma de clientes, los documentos comerciales y las redes sociales.

Confiable
Azul profundo, geometría precisa y tipografía clásica. Se evitan efectos y colores estridentes.
Cercana
El trazo manuscrito del descriptor transmite el acompañamiento personalizado que ofrece la empresa.
Sobria
El dorado actúa como acento y nunca como color dominante. Composiciones limpias y con amplio espacio.

03 — Área de protección y tamaño mínimo

Zona de respeto del logo

La unidad x es la diagonal de uno de los rombos del isotipo. Ningún texto, imagen ni borde de página debe invadir este margen.

xxxx Logo con área de protección marcada
x = diagonal de un rombo ≈ 42 % de la altura total del logo horizontal.

Tamaño mínimo de reproducción

160 px · 40 mmVersión horizontal. Por debajo de esta medida el descriptor pierde legibilidad.
96 px · 25 mmVersión vertical (ancho).
24 px · 8 mmIsotipo.

04 — Versiones de color

Versiones cromáticas

La aplicación principal es dorado sobre azul. Sobre fondos claros se utiliza la versión azul y, en impresiones a una tinta, las versiones en negro o blanco.

Dorado sobre Azul Artemisprincipal
Azul sobre blancodocumentos
Azul sobre marfilpapelería
Blanco sobre azuluna tinta
Azul sobre doradouso puntual
Negro sobre blancosellos, B/N

05 — Usos incorrectos

Usos no permitidos

Para preservar la integridad de la marca, el logotipo no debe alterarse de ninguna de las siguientes formas.

Deformar o estirar
Rotar
Cambiar colores
Sombras, brillos o biseles
Dorado sobre fondo claro
Fondos recargados
Reordenar elementos
Artemis Capital
Reescribir con otra fuente

06 — Paleta de color

Paleta cromática

Los colores corporativos se definen a continuación con sus equivalencias para medios digitales e impresos. Haga clic en un código HEX para copiarlo.

Colores de marca

PrimarioAzul Artemis
HEX
RGB
1 · 10 · 67
CMYK
99 · 85 · 0 · 74
Pantone
2767 C

Color predominante. Cabeceras, pie de página, botones principales y títulos sobre fondos claros.

SecundarioDorado Artemis
HEX
RGB
223 · 192 · 140
CMYK
0 · 14 · 37 · 13
Pantone
7508 C

Color de acento. Logotipo, líneas, íconos y títulos sobre fondos azules.

TerciarioAzul Profundo
HEX
RGB
13 · 27 · 77
CMYK
83 · 65 · 0 · 70
Pantone
2768 C

Superficies secundarias sobre azul, estados de interacción y degradados junto al color primario.

Colores de apoyo

Azul Noche
HEX

Pie de página y fondos de máxima profundidad.

Dorado Texto
HEX

Dorado para textos sobre fondos claros.

Marfil
HEX

Fondos claros y secciones alternas.

Grafito
HEX

Texto de cuerpo sobre fondos claros.

Proporción de uso

Azul Artemis + Azul Profundo: estructuraBlanco / Marfil: respiroDorado: acento (10 %)Grafito: texto

Escalas para interfaces

Azul

50#F0F0F4
100#DBDDE5
200#B8BACA
300#8589A5
400#52587F
500#252C5D
600#0D1B4D
700 ★#010A43
800#000730
900#00041F

Dorado

50#FAF6EE
100#F5EBDA
200#EDDCC0
300#E5CDA3
400 ★#DFC08C
500#C9A566
600#A9864A
700#8A6A2F
800#6B5022
900#4A3716

Combinaciones y contraste (WCAG)

MuestraTexto / fondoContrasteVeredicto
FactoringDorado sobre Azul Artemis10.7 : 1AAA
FactoringBlanco sobre Azul Artemis18.7 : 1AAA
FactoringAzul Artemis sobre blanco18.7 : 1AAA
FactoringGrafito sobre blanco11.0 : 1AAA
FactoringDorado Texto sobre blanco5.0 : 1AA
FactoringDorado Artemis sobre blanco1.7 : 1No usar
Norma de contraste. El Dorado Artemis (#DFC08C) se utiliza exclusivamente sobre fondos azules. Para textos dorados sobre blanco o marfil se emplea el Dorado Texto (#8A6A2F). Las referencias Pantone son equivalencias; se recomienda solicitar prueba de color antes de cada impresión.

07 — Tipografía

Tipografía corporativa

La identidad utiliza dos familias tipográficas: Cormorant Garamond para titulares, en sintonía con el logotipo, y Montserrat para textos e interfaces. Ambas están disponibles de forma gratuita en Google Fonts.

Títulos y cifras destacadas Aa Cormorant Garamond ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 $ % ¿? ¡!
Medium 500SemiBold 600Bold 700

Uso en titulares desde 24 px. No se utiliza en párrafos ni botones.

Textos, interfaz y documentos Aa Montserrat ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 $ % ¿? ¡!
Light 300Regular 400Medium 500SemiBold 600Bold 700

Párrafos en Regular 400. Etiquetas y botones en SemiBold 600, en mayúsculas con espaciado de +0,14 em.

Jerarquía

DisplayCormorant 600 · 56/64
Soluciones financieras a tu medida
H1Cormorant 600 · 40/48
Liquidez para tus facturas
H2Cormorant 600 · 32/40
¿Qué hacemos?
H3Montserrat 600 · 20/28
Factoring para pymes
EtiquetaMontserrat 600 · 12 · +0.14em · MAYÚS
Quiénes somos
CuerpoMontserrat 400 · 16/26
Alternativa de financiamiento que permite a su empresa anticipar el cobro parcial o total de sus cuentas por cobrar.
NotaMontserrat 400 · 12/18
Oficina Gerencia · Padre Mariano 391, piso 5, Providencia

Tipografías no autorizadas

Para asegurar la consistencia, las siguientes familias no forman parte de la identidad y deben sustituirse:

Roboto Slab → sustituir por Montserrat
Inter → sustituir por Montserrat
Caligrafía del descriptor. «Asesorías Financieras» forma parte del dibujo del logotipo. No debe reproducirse con fuentes tipográficas ni utilizarse en otros textos.

08 — Iconografía

Iconografía

En coherencia con el isotipo, la iconografía es lineal y sin rellenos. Se utiliza la librería Lucide (lucide.dev) con trazo de 1,5 px y terminaciones redondeadas.

factura
liquidez
crecimiento
tasa
respaldo
asesoría
empresa
cliente
plazo
agenda
acceso
buscar
teléfono
correo
dirección
descargar
confirmar
avanzar

Reglas

Retícula 24 × 242 px de margen · trazo 1.5
Tamaños16 · 20 · 24 · 32 px
Colordorado o blanco sobre azul
Aplicación. Sobre fondos claros, los íconos se aplican en Azul Artemis o Dorado Texto (#8A6A2F). No se combinan íconos rellenos con lineales ni se incorporan íconos de otras librerías. Para destacar servicios, el ícono puede inscribirse en un rombo de trazo dorado, en referencia al isotipo.

09 — Elementos gráficos

Elementos gráficos

Dos recursos derivados del logotipo complementan la identidad: el patrón de isotipos, como textura de fondo de baja intensidad, y la línea vertical dorada, que separa titulares de datos.

Patrón sobre azulopacidad ≤ 16 %
Patrón sobre marfilopacidad ≤ 12 %
Arica — Punta Arenas
atención en todo Chile
Línea divisoria1–2 px · Dorado Artemis

10 — Componentes web

Componentes web

Los componentes utilizan esquinas de 2 px, coherentes con la geometría de la marca, y se construyen a partir de los tokens definidos en tokens/artemis-tokens.css.

Botones
Campos
Formato 12.345.678-9
Monto total a ceder
Estados AprobadaEn revisiónRechazadaCedida
Tarjetas de dato (ejemplo)
Anticipo disponible$ 11.250.000

90 % del monto cedido · abono en 24 h

Facturas en curso14

3 vencen esta semana

11 — Aplicaciones

Aplicaciones

Tarjeta de presentación · 85 × 55 mm

Tiro de la tarjeta
Nombre Apellido
Ejecutivo comercial
  • +56 9 4465 2017
  • gerencia@artemiscapital.cl
  • Padre Mariano 391, piso 5, Providencia

Firma de correo

Nombre Apellido
Ejecutivo comercial · Artemis Capital
+56 9 4465 2017 · gerencia@artemiscapital.cl
artemiscapital.cl

Favicon y avatar de redes

Avatar circular azul Avatar circular blanco Ícono de aplicación Favicon

Portadas de redes sociales

Portada LinkedIn
LinkedIn1584 × 396 px
Portada X
X1500 × 500 px
Portada Facebook
Facebook1640 × 624 px
Imagen para compartir enlaces
Vista previa de enlaces (Open Graph)1200 × 630 px

12 — Archivos y tokens

Archivos y tokens

ArchivoUso
assets/logo/svg/artemis-{horizontal|vertical|logotipo|isotipo}-{dorado|azul|blanco|negro}.svgLogos vectoriales. Formato recomendado para web y diseño.
assets/logo/artemis-{horizontal|vertical|logotipo|isotipo}-{color}.pngLogos en PNG con fondo transparente, alta resolución.
assets/logo/artemis-horizontal-fondo-{azul|blanco}.pngLogo horizontal con fondo sólido y zona de respeto incluida.
assets/web/favicon.ico · favicon.svg · favicon-{16|32|48}.pngFavicons del sitio.
assets/web/apple-touch-icon.png · android-chrome-{192|512}.png · site.webmanifestÍconos de acceso directo en iOS y Android.
assets/web/og-image.pngImagen de vista previa al compartir enlaces (1200 × 630).
assets/redes/artemis-avatar-{azul|blanco}.pngFoto de perfil para redes sociales y WhatsApp (1024 × 1024).
assets/redes/*-portada-*.pngPortadas para LinkedIn, Facebook, X y YouTube.
assets/firma/artemis-firma-correo.pngLogo para firma de correo electrónico.
tokens/artemis-tokens.cssVariables CSS (--ac-*) para web y Angular.
tokens/_artemis-tokens.scssVariables y mapas SCSS.
tokens/artemis-tokens.jsonTokens para Figma Tokens, Style Dictionary u otras herramientas.
logo-fondo-azul-2x.aiArchivo maestro para impresión profesional.

Implementación web

/* styles.css global */
@import "tokens/artemis-tokens.css";

body      { font-family: var(--ac-font-sans); color: var(--ac-text); }
h1, h2    { font-family: var(--ac-font-display); color: var(--ac-text-strong); }
.btn      { background: var(--ac-color-primary); color: #fff; border-radius: var(--ac-radius-sm); }
.btn-gold { background: var(--ac-color-secondary); color: var(--ac-color-primary); }
.footer   { background: var(--ac-color-night); color: var(--ac-color-secondary); }
<!-- <head>: copiar el contenido de assets/web/ a la raíz pública del sitio -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#010A43">
<meta property="og:image" content="https://artemiscapital.cl/og-image.png">