Átomos
Colores
Fuentes
64 Semibold
48 Semibold
36 Semibold
36 regular
30 Regular
24 Regular
20 Regular
17 Regular
17 Medium
17 Bold
Black Italic
Ìconos
Inputs
Moléculas
Botones
clases="btn-base"
clases="btn-base-outline"
clases="btn-txt"
data: {
txt: 'CONÓCENOS',
link: 'string',
type: 'mk/a/(vacio)'
}
clases="btn-underline"
data: {
txt: 'Polìtico',
link: 'string',
type: 'mk/a/(vacio)'
}
clases="btn-icon"
data: {
txt: 'Descargar',
link: 'string',
type: 'mk/a/(vacio)',
image: {
src: '/images/icons/pdf.png',
alt: '',
title: '',
},
},
clases="btn-menu"
data: {
txt: 'Menú',
type: 'mk/a/(vacio)',
image: {
src: '/images/icons/Flecha.png',
alt: '',
title: '',
},
},
clases="btn-icon-close"
clases="btn-icon-rounded"
clases="btn-icon-go"
data: {
type: 'mk/a/(vacio)',
image: {
src: '/images/icons/x.png',
alt: '',
title: '',
},
},
clases="btn-txt"
data: {
type: 'mk/a/(vacio)',
txt: 'Compartir'
},
clases="btn-txt-icon"
data: {
type: 'mk/a/(vacio)',
image: {
src: '/images/icons/x.png',
alt: '',
title: '',
},
},
Fomularios
data: {
"inputs": [
{
"id": "company",
"txt": "Empresa",
"rules": "required"
}...
],
"selects": [
{
"id": "country",
"txt": "Selecciona un país",
"rules": "required",
"options": [
"País 1",
"País 2",
"País 3"
]
}...
],
"btn": {
"txt": "Ser socio"
},
"respuestas": {
"success": "Gracias por escribirnos, nos pondremos en contacto contigo pronto.",
"error": "Lo sentimos, ocurrió un error. Por favor, inténtalo de nuevo."
}
}
Suscripción
"suscribe": {
"inputs": [
{
"id": "email",
"txt": "Tu correo electrónico",
"rules": "required|email"
}
],
"btn": {
"txt": "Suscribirme"
},
"respuestas": {
"success": "Gracias por escribirnos, nos pondremos en contacto contigo pronto.",
"error": "Lo sentimos, ocurrió un error. Por favor, inténtalo de nuevo."
}
}
Selectores
Mide
El impacto de tu estrategia en tiempo real.
data: {
top: 'Mide',
txt: 'El impacto de tu estrategia en tiempo real.',
},
Conoce en tiempo real lo que hablan de ti o tu marca en las principales redes sociales y sitios web, programa alertas para tener un monitoreo constante que te permita detectar de forma temprana posibles crisis y tomar la delantera.
data: {
cover: {
src: '/images/assets/Social-Alert.png',
alt: '',
title: '',
},
logo: {
src: '/images/assets/Logo-Social-Alert.png',
alt: '',
title: '',
},
txt: 'Conoce en tiempo real lo que hablan de ti o tu marca en las
principales redes sociales y sitios web, programa alertas para tener un
monitoreo constante que te permita detectar de forma temprana posibles
crisis y tomar la delantera.',
btn: {
image: {
src: '/images/icons/mas.png',
alt: '',
title: '',
},
},
},
Diamons
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
clases: "diamon-a || diamon-b || diamon-c || diamon-d || diamon-e"
data: {
top: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
txt: 'Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.',
},
Carta A
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
Aumenta tu Retorno de Inversión.
data: {
clases:"card-a || card-b"
icon: {
src: '/images/icons/icono-estadístico.png',
alt: '',
title: '',
},
top: 'Lorem ipsum dolor sit amet,',
txt: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,',
},
Carta Post
Análisis de datos automatizado en mundiales de fútbol.
data: {
image: {
src: '/images/assets/post.jpg',
alt: '',
title: '',
},
txt: 'Análisis de datos automatizado en mundiales de fútbol.',
},
Carta Download
Analítica Reina Isabel II
Durante el periodo analizado se ha registraron distintas menciones alrededor del fallecimiento de la Reina Isabel.
data: {
image: {
src: '/images/assets/analitica.jpg',
alt: '',
title: '',
},
top: 'Analítica Reina Isabel II',
txt: 'Durante el periodo analizado se ha registraron distintas menciones alrededor del fallecimiento de la Reina Isabel.',
btn: {
txt: 'Descargar',
link: 'string',
type: '',
image: {
src: '/images/icons/pdf.png',
alt: '',
title: '',
},
},
}
Analítica Reina Isabel II
Durante el periodo analizado se ha registraron distintas menciones alrededor del fallecimiento de la Reina Isabel.
data: {
image: {
src: '/images/assets/analitica.jpg',
alt: '',
title: '',
},
top: 'Analítica Reina Isabel II',
txt: 'Durante el periodo analizado se ha registraron distintas menciones alrededor del fallecimiento de la Reina Isabel.',
btn: {
txt: 'Descargar',
link: 'string',
type: '',
image: {
src: '/images/icons/pdf.png',
alt: '',
title: '',
},
},
btn1: {
txt: 'QUIERO CONOCER MÁS',
link: 'string',
type: '',
},
}
Banner A
data: {
image: {
src: '/images/assets/redes.png',
alt: '',
title: '',
},
top: 'Redes Sociales',
},
"icons": [
{
"image": {
"src": "/images/icons/Facebook.png",
"alt": "",
"title": ""
},
"link": ""
}
]
Banner B
data: {
cover: {
src: '/images/assets/data-consulting-key.png',
alt: '',
title: '',
},
logo: {
src: '/images/assets/Key-Decisionslogo.png',
alt: '',
title: '',
},
top: 'Consultoría',
txt: 'Descubre cómo aprovechar los datos de las redes sociales.',
},
Banner C
data: {
txt: 'Extraemos datos para analizar qué le gusta a tu audiencia y
lo que ellos quieren escuchar.',
image: {
src: '/images/assets/circle.png',
alt: '',
title: '',
},
},
Banner D
data: {
image: {
src: '/images/assets/mundo.png',
alt: '',
title: '',
},
top: 'Más de 70 personas trabajando para innovar en gestión de datos.',
txt: 'Experiencia de 8 años en LATAM y el Caribe.
Potenciamos tu toma de decisiones a través de los datos del mundo digital.',
}
Banner E
data: {
image: {
src: '/images/assets/big-data.png',
alt: '',
title: '',
},
top: 'Transformamos Big Data en Smart Data, llevando a tu organización }
al siguiente nivel por medio del Listening.',
txt: 'Si eres una agencia digital de marketing,
relaciones públicas, investigación de mercado,
encuestadora, consultoría, monitoreo de medios,
influencers y tecnológica, nuestro Plan de Negocios
te interesa.',
},
Banner F
Sorpréndete con todo lo que podemos hacer por tu organización.
data: {
image: {
src: '/images/assets/cuadro.png',
alt: '',
title: '',
},
txt: 'Sorpréndete con todo lo que podemos hacer por tu organización.',
btn: {
txt: 'DESCARGA EL SALES FOLDER',
link: 'string',
type: '',
},
}
Head
data: {
"logo": {
"src": "/images/shared/logo.png",
"alt": "",
"title": ""
},
"btn": {
"type": "a",
"image": {
"src": "/images/icons/flechita-naranaja.png",
"alt": "",
"title": ""
},
"txt": "Plan de Socios",
"link": ""
},
"icon": {
"src": "/images/icons/home-black.png",
"alt": "",
"title": ""
}
}
Menu
data: {
"home": {
"src": "/images/icons/home.png",
"alt": "",
"title": ""
},
"items": [
{
"txt": "Plan de Socios",
"type": "mk",
"link": ""
}...
],
"platforms": [
{
"logo": {
"src": "/images/shared/social-alert.png",
"alt": "",
"title": ""
},
"btn": {
"type": "a",
"image": {
"src": "/images/icons/flechita-blanca.png",
"alt": "",
"title": ""
}
}
}...
],
"close": {
"image": {
"src": "/images/icons/x.png",
"alt": "",
"title": ""
}
}
}
Organismos
Whatsapp flotante
Escríbenos
data: {
image: {
src: '/images/icons/whatsapp.png',
alt: '',
title: '',
},
txt: 'Escribenos',
btns: [
{
txt: 'Centro y Norte América',
},
{
txt: 'Sudamérica',
},
],
close: {
image: {
src: '/images/icons/x.png',
alt: '',
title: '',
},
}
},
Cover A
Somos una empresa especializada en la extracción, guardado, análisis e interpretación de los datos con plataformas propias.
data: {
txt: 'Somos una empresa especializada en la extracción, guardado, análisis e
interpretación de los datos con plataformas propias.',
btn: {
txt: 'CONÓCENOS',
},
cover: {
src: '/images/assets/body-1.png',
alt: '',
title: '',
},
},
Cover Post
Equidad de género en Golden Companies es una prioridad.
No se trata de igualar el número de mujeres y hombres dentro de una empresa, eso en realidad, no es difícil de lograr.
data: {
image: {
src: '/images/assets/post.jpg',
alt: '',
title: '',
},
title: 'Equidad de género en Golden Companies es una prioridad.',
txt: 'No se trata de igualar el número de mujeres y hombres dentro de una empresa, eso en realidad, no es difícil de lograr.',
btn: {
txt: 'LEER ARTÍCULO',
},
},
Cover Options
data: {
txt: 'La plataforma incorpora los comentarios y respuestas generados por tu audiencia en diversas redes sociales, como Facebook, Twitter, Instagram, YouTube y TikTok.',
items: [
{
top: 'Mide',
txt: 'El impacto de tu estrategia en tiempo real.',
},
{
top: 'Identifica',
txt: 'El impacto de tu estrategia en tiempo real.',
},
{
top: 'Determina',
txt: 'El impacto de tu estrategia en tiempo real.',
},
],
},
Cover CTA A
Te ofrecemos datos estratégicos y certeros por medio de Analítica Avanzada e Inteligencia Artificial.
Hacemos lecturas globales del entorno digital.
Llena el formulario y conoce cómo funcionan nuestras soluciones.
data:{
image: {
src: '/images/assets/Banner-Quienes-somos.jpg',
alt: '',
title: '',
},
top: 'Te ofrecemos datos estratégicos y certeros por medio de Analítica Avanzada e Inteligencia Artificial.',
tag: 'Hacemos lecturas globales del entorno digital.',
txt: 'Llena el formulario y conoce cómo funcionan nuestras soluciones.',
btn: {
txt: 'QUIERO CONOCER MÁS',
},
},
Slider
VALORAMOS LA CONFIANZA DE NUESTROS ALIADOS ESTRATÉGICOS
**Agregar en slider.ts:
tns({
container: '#aliados'
})
--------------
data:{
"top": "VALORAMOS LA CONFIANZA DE NUESTROS ALIADOS ESTRATÉGICOS",
"index": "aliados",
"items": [
{
"image": {
"src": "/images/marcas/Adhoc.png",
"alt": "",
"title": ""
},
"link": ""
},
{
"image": {
"src": "/images/marcas/Altea.png",
"alt": "",
"title": ""
},
"link": ""
}...
]
}
Dialog form
Pop Up
Footer