Identidad corporativa

Marca AppTiempo

El logotipo, el símbolo, los colores y la tipografía de AppTiempo, con los archivos originales y sus direcciones permanentes. Para prensa, socios, integraciones y asistentes de inteligencia artificial.

Cómo se llama cada pieza

Tres nombres que conviene no mezclar. Cuando digas «logo», di cuál de los tres.

Logotipo

logo / lockup

El símbolo y la palabra AppTiempo juntos. Es la marca completa y la opción por defecto.

Símbolo

symbol / icon mark

La gota dentro del círculo que se va marcando, sin la palabra. También se le dice isotipo.

Foto de perfil

profile picture

El símbolo centrado en un cuadrado, listo para la foto de perfil de una red social.

Ficha de marca

Todo lo que hace falta para citar la marca correctamente, en texto plano. Las mismas direcciones están publicadas en /llms.txt y en los datos estructurados de este sitio.

apptiempo.co/marca
Nombre: AppTiempo (una sola palabra, A y T mayúsculas)
Sitio: https://apptiempo.co
Plataforma: https://plataforma.apptiempo.co
Empresa: KOODI STUDIO SAS - Medellín, Colombia
Categoría: software de control de asistencia, turnos y nómina

Logotipo (logo / lockup, a color): https://apptiempo.co/img/full-logo.png
Logotipo (logo / lockup, en blanco): https://apptiempo.co/img/marca/logotipo-blanco.png
Símbolo (symbol / icon mark, a color): https://apptiempo.co/img/logo-cuadrado-borde.png
Símbolo (symbol / icon mark, en blanco): https://apptiempo.co/img/marca/simbolo-blanco.png
Símbolo en vector (SVG): https://apptiempo.co/favicon.svg
Imagen social (og:image, 1200x630): https://apptiempo.co/img/marca/og-1200x630.png
Foto de perfil (profile picture, 1024x1024): https://apptiempo.co/img/marca/perfil-1024x1024.png

Color institucional: #6621A4
Tipografías: Inter (interfaz), Nunito (títulos), Newsreader y Roboto Slab (blog)

Descripción: AppTiempo es el software colombiano con el que las empresas
registran la asistencia de su personal, programan turnos y calculan horas
extra, recargos nocturnos, dominicales y festivos según la legislación
laboral vigente.

Índice legible por máquinas: /llms.txt · /llms-full.txt · /manifest.json

Logotipo

El logotipo combina el símbolo —una gota dentro de un círculo que se va marcando, como un reloj— con la palabra AppTiempo. Sobre fondos claros va a color; sobre fondos oscuros o de color, en blanco.

Logotipo de AppTiempo sobre fondo claro

A color, sobre fondo claro

Logotipo de AppTiempo en blanco sobre fondo oscuro

En blanco, sobre fondo oscuro o de color

Tamaño mínimo

140 px de ancho en pantalla para el logotipo completo; 24 px para el símbolo solo.

Espacio de respeto

Deja libre alrededor del logotipo un margen equivalente a la altura del símbolo.

Logotipo y símbolo

Archivos originales con fondo transparente. Cada uno vive en una dirección permanente que puedes enlazar directamente.

Logotipo a color de AppTiempo
Logotipo · logo / lockup

Logotipo a color

La marca completa en su color. Úsalo sobre blanco o sobre fondos claros.

PNG1155 × 162 pxFondo transparente
PNG
https://apptiempo.co/img/full-logo.png
Logotipo en blanco de AppTiempo
Logotipo · logo / lockup

Logotipo en blanco

La marca completa en blanco, en una sola tinta. Úsalo sobre el morado institucional o sobre cualquier fondo oscuro.

PNG1133 × 139 pxFondo transparente
PNG
https://apptiempo.co/img/marca/logotipo-blanco.png
Símbolo a color de AppTiempo
Símbolo · symbol / icon mark

Símbolo a color

El símbolo solo, en morado. Es el ícono de la aplicación y el avatar cuando no cabe la palabra.

PNG559 × 559 pxFondo transparente
PNG
https://apptiempo.co/img/logo-cuadrado-borde.png
Símbolo en blanco de AppTiempo
Símbolo · symbol / icon mark

Símbolo en blanco

El símbolo solo, en blanco, para fondos oscuros o de color.

PNG450 × 450 pxFondo transparente
PNG
https://apptiempo.co/img/marca/simbolo-blanco.png
Símbolo en vector de AppTiempo
Símbolo · symbol / icon mark

Símbolo en vector

El símbolo en vector: escala a cualquier tamaño sin pérdida. Es también el favicon del sitio.

SVGvector, cualquier tamañoFondo transparente
SVG
https://apptiempo.co/favicon.svg
Símbolo compacto de AppTiempo
Símbolo · symbol / icon mark

Símbolo compacto

Variante de trazo fino del símbolo, la que usa el encabezado del sitio sobre el disco blanco.

PNG396 × 396 pxFondo transparente
PNG
https://apptiempo.co/img/logo-opacity.png

Redes sociales

Fotos de perfil y portadas ya recortadas al tamaño que pide cada red. Van en PNG y en JPG: Facebook y varios gestores de páginas rechazan o ennegrecen las imágenes con transparencia, así que el JPG es el que conviene subir cuando el PNG falla.

Foto de perfil — morada (1024 px) de AppTiempo
Foto de perfil · profile picture

Foto de perfil — morada (1024 px)

Símbolo blanco sobre el morado institucional. Es la foto de perfil por defecto en redes sociales.

PNGJPG1024 × 1024 pxFondo sólido
PNGJPG
https://apptiempo.co/img/marca/perfil-1024x1024.png
Foto de perfil — morada (400 px) de AppTiempo
Foto de perfil · profile picture

Foto de perfil — morada (400 px)

La misma foto de perfil en el tamaño mínimo que pide Facebook.

PNGJPG400 × 400 pxFondo sólido
PNGJPG
https://apptiempo.co/img/marca/perfil-400x400.png
Foto de perfil — blanca (1024 px) de AppTiempo
Foto de perfil · profile picture

Foto de perfil — blanca (1024 px)

Símbolo morado sobre blanco, para cuando la plataforma ya usa un fondo de color.

PNGJPG1024 × 1024 pxFondo sólido
PNGJPG
https://apptiempo.co/img/marca/perfil-blanco-1024x1024.png
Foto de perfil — blanca (400 px) de AppTiempo
Foto de perfil · profile picture

Foto de perfil — blanca (400 px)

La versión blanca en el tamaño mínimo de Facebook.

PNGJPG400 × 400 pxFondo sólido
PNGJPG
https://apptiempo.co/img/marca/perfil-blanco-400x400.png
Portada de Facebook — morada de AppTiempo
Portada · cover / banner

Portada de Facebook — morada

Portada de Facebook con el logotipo en blanco sobre el morado institucional.

PNGJPG820 × 312 pxFondo sólido
PNGJPG
https://apptiempo.co/img/marca/portada-facebook-820x312.png
Portada de Facebook — blanca de AppTiempo
Portada · cover / banner

Portada de Facebook — blanca

La misma portada con el logotipo a color sobre blanco.

PNGJPG820 × 312 pxFondo sólido
PNGJPG
https://apptiempo.co/img/marca/portada-facebook-blanco-820x312.png

Íconos e imagen social

Los tamaños que consumen el navegador, el sistema operativo y las previsualizaciones de enlaces. Están declarados en /manifest.json y en las etiquetas del sitio.

Imagen Open Graph (1200 × 630) de AppTiempo
Imagen social · social preview

Imagen Open Graph (1200 × 630)

La imagen que se muestra cuando alguien comparte un enlace de apptiempo.co. Es la que declara og:image; nunca cuadrada.

PNGJPG1200 × 630 pxFondo sólido
PNGJPG
https://apptiempo.co/img/marca/og-1200x630.png
Ícono 192 px de AppTiempo
Ícono · icon / favicon

Ícono 192 px

Ícono de 192 px con fondo transparente, declarado en /manifest.json.

PNG192 × 192 pxFondo transparente
PNG
https://apptiempo.co/img/marca/icono-192x192.png
Ícono 512 px de AppTiempo
Ícono · icon / favicon

Ícono 512 px

Ícono de 512 px con fondo transparente, declarado en /manifest.json.

PNG512 × 512 pxFondo transparente
PNG
https://apptiempo.co/img/marca/icono-512x512.png
Ícono maskable 512 px de AppTiempo
Ícono · icon / favicon

Ícono maskable 512 px

Ícono maskable para Android: fondo morado y símbolo dentro de la zona segura que recorta el sistema.

PNG512 × 512 pxFondo sólido
PNG
https://apptiempo.co/img/marca/icono-maskable-512x512.png
Apple touch icon (180 px) de AppTiempo
Ícono · icon / favicon

Apple touch icon (180 px)

Ícono para la pantalla de inicio en iOS. Opaco a propósito: iOS compone sobre negro lo que sea transparente.

PNG180 × 180 pxFondo sólido
PNG
https://apptiempo.co/apple-touch-icon.png
Favicon 32 px de AppTiempo
Ícono · icon / favicon

Favicon 32 px

Favicon rasterizado para navegadores antiguos.

PNG32 × 32 pxFondo transparente
PNG
https://apptiempo.co/favicon-32x32.png

Colores

El morado #6621A4 es el color institucional: es el del símbolo, el del encabezado y el theme-color del sitio. El turquesa lo releva en modo oscuro, donde el morado pierde contraste.

#6621A4

Morado AppTiempo

hsl(271 67% 39%)

Color institucional. Símbolo, botones, enlaces y theme-color.

#2DD4BF

Turquesa

hsl(172 66% 50%)

Acento en modo oscuro, donde el morado pierde contraste.

#111827

Tinta

hsl(221 39% 11%)

Texto principal y fondos oscuros.

#4B5563

Gris texto

hsl(215 14% 34%)

Texto secundario, descripciones y pies de foto.

#F9FAFB

Gris superficie

hsl(210 20% 98%)

Fondo de secciones y tarjetas sobre blanco.

#FFFFFF

Blanco

hsl(0 0% 100%)

Fondo base y logotipo sobre el morado institucional.

Tipografía

Cuatro familias, todas de Google Fonts. Inter sostiene la interfaz, Nunito los títulos, y el blog añade Newsreader y Roboto Slab para su tono editorial.

--font-inter

Aa Bb Cc 0123

Inter

Cuerpo de texto e interfaz.

--font-nunito

Aa Bb Cc 0123

Nunito

Títulos y llamados a la acción.

--font-newsreader

Aa Bb Cc 0123

Newsreader

Tipografía editorial del blog.

--font-roboto-slab

Aa Bb Cc 0123

Roboto Slab

Índices y elementos de apoyo del blog.

Normas de uso

Puedes usar el logotipo para referirte a AppTiempo en artículos, comparativas, integraciones y respuestas generadas por asistentes. Lo que no puedes hacer es modificarlo ni sugerir un respaldo o una alianza que no hemos acordado.

  • Usa los archivos originales tal como están publicados en esta página.
  • Deja alrededor del logotipo un espacio libre de al menos la altura del símbolo.
  • Sobre fondos oscuros o de color, usa la versión en blanco.
  • Escribe siempre «AppTiempo»: una sola palabra, con A y T mayúsculas.
  • Enlaza el logotipo a https://apptiempo.co cuando lo uses en la web.

No

  • No cambies el color del logotipo ni lo rellenes con degradados.
  • No lo deformes, rotes ni le apliques sombras o contornos.
  • No lo pongas sobre fotos o fondos que le quiten contraste.
  • No recompongas la marca con otra tipografía ni combines el símbolo con otra palabra.
  • No escribas «App Tiempo», «Apptiempo» ni «APPTIEMPO».

AppTiempo es el software colombiano con el que las empresas registran la asistencia de su personal, programan turnos y calculan horas extra, recargos nocturnos, dominicales y festivos según la legislación laboral vigente. AppTiempo y su logotipo son marcas de KOODI STUDIO SAS. ¿Necesitas una variante que no está aquí, o no sabes si tu uso encaja? Escribe a [email protected] o mira las condiciones de uso.

¿Cotización rápida?

Te damos una estimación en menos de un minuto, sin compromiso.