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.
02 — Logotipo
Logotipo
El logotipo se compone de un isotipo formado por cuatro rombos que configuran un rombo mayor, símbolo de solidez y crecimiento; una línea divisoria; el nombre en tipografía serif de caja alta, y el descriptor en caligrafía.
Versiones autorizadas



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.
Tamaño mínimo de reproducción


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.






05 — Usos incorrectos
Usos no permitidos
Para preservar la integridad de la marca, el logotipo no debe alterarse de ninguna de las siguientes formas.







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
- 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.
- 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.
- 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
- HEX
Pie de página y fondos de máxima profundidad.
- HEX
Dorado para textos sobre fondos claros.
- HEX
Fondos claros y secciones alternas.
- HEX
Texto de cuerpo sobre fondos claros.
Proporción de uso
Escalas para interfaces
Azul
Dorado
Combinaciones y contraste (WCAG)
| Muestra | Texto / fondo | Contraste | Veredicto |
|---|---|---|---|
| Factoring | Dorado sobre Azul Artemis | 10.7 : 1 | AAA |
| Factoring | Blanco sobre Azul Artemis | 18.7 : 1 | AAA |
| Factoring | Azul Artemis sobre blanco | 18.7 : 1 | AAA |
| Factoring | Grafito sobre blanco | 11.0 : 1 | AAA |
| Factoring | Dorado Texto sobre blanco | 5.0 : 1 | AA |
| Factoring | Dorado Artemis sobre blanco | 1.7 : 1 | No usar |
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.
abcdefghijklmnñopqrstuvwxyz
0123456789 $ % ¿? ¡!
Uso en titulares desde 24 px. No se utiliza en párrafos ni botones.
abcdefghijklmnñopqrstuvwxyz
0123456789 $ % ¿? ¡!
Párrafos en Regular 400. Etiquetas y botones en SemiBold 600, en mayúsculas con espaciado de +0,14 em.
Jerarquía
Tipografías no autorizadas
Para asegurar la consistencia, las siguientes familias no forman parte de la identidad y deben sustituirse:
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.
Reglas
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.
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.
90 % del monto cedido · abono en 24 h
3 vencen esta semana
11 — Aplicaciones
Aplicaciones
Tarjeta de presentación · 85 × 55 mm

- +56 9 4465 2017
- gerencia@artemiscapital.cl
- Padre Mariano 391, piso 5, Providencia
Firma de correo
Favicon y avatar de redes
Portadas de redes sociales




12 — Archivos y tokens
Archivos y tokens
| Archivo | Uso |
|---|---|
| assets/logo/svg/artemis-{horizontal|vertical|logotipo|isotipo}-{dorado|azul|blanco|negro}.svg | Logos vectoriales. Formato recomendado para web y diseño. |
| assets/logo/artemis-{horizontal|vertical|logotipo|isotipo}-{color}.png | Logos en PNG con fondo transparente, alta resolución. |
| assets/logo/artemis-horizontal-fondo-{azul|blanco}.png | Logo horizontal con fondo sólido y zona de respeto incluida. |
| assets/web/favicon.ico · favicon.svg · favicon-{16|32|48}.png | Favicons 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.png | Imagen de vista previa al compartir enlaces (1200 × 630). |
| assets/redes/artemis-avatar-{azul|blanco}.png | Foto de perfil para redes sociales y WhatsApp (1024 × 1024). |
| assets/redes/*-portada-*.png | Portadas para LinkedIn, Facebook, X y YouTube. |
| assets/firma/artemis-firma-correo.png | Logo para firma de correo electrónico. |
| tokens/artemis-tokens.css | Variables CSS (--ac-*) para web y Angular. |
| tokens/_artemis-tokens.scss | Variables y mapas SCSS. |
| tokens/artemis-tokens.json | Tokens para Figma Tokens, Style Dictionary u otras herramientas. |
| logo-fondo-azul-2x.ai | Archivo 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">