Átomos, moléculas y websites

Un nuevo paradigma funcional sistémico

Atomic design, patrones para crear sistemas web. Un modo de diseñar aplicaciones y sitios web, comenzando desde lo más particular para poder cambiar de forma flexible y rápida en lo general, manteniendo la consistencia a lo largo de todo el sistema.

Se trata de construir sistemas de diseño de forma más metódica, para que soporten con el menor mantenimiento posible los cambios y evoluciones que tiene un sitio web a lo largo del tiempo.

El proceso es el mismo que sigue cualquier cosa

Todo ya existe y sigue un orden.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

El Ser que somos es infinitamente más complejo que aquel que creemos ser

Consistencia a través del número Phi, 1.618

<section class="everything"> ... </section>

$modularscale: (
  base: 18px,
  ratio: $ms-ratio
);

Aquel que creemos ser

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua . Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Un nuevo juego

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

La vida ya es un prototipo en evolución

La clave: concebir al ser humano como un campo vibratorio que está en continuo intercambio energético con todo lo que lo rodea: otros seres humanos, otras especies, el planeta Tierra, el Universo...

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

"A modular scale, like a musical scale, is a prearranged set of harmonious proportions."
Robert Bringhurst.

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that.

"Mapear es un mirar que descubre continuamente nuevas conexiones entre los elementos del espacio que explora."
Eugenio Carutti, "Inteligencia Vincular"

El lenguaje es código

El Ser que somos es infinitamente más complejo que aquel que creemos ser.

Comprender la verdadera naturaleza de las cosas es presenciar su nacimiento.

Un mirar que descubre continuamente nuevas #conexiones entre los elementos del espacio que explora....

Un mirar que descubre continuamente nuevas #conexiones entre los elementos del espacio que explora....

Un mirar que descubre continuamente nuevas #conexiones entre los elementos del espacio que explora....

Falla rápido, falla barato y vuelve a por más

Buttons

JS

Modal

Popovers

Datetimepicker

Tooltips

Forms

Form Controls

Selects

Textarea

Tags

Checkboxes

Radios

Toggle Buttons


Sliders


Labels

DefaultPrimarySuccessInfoWarningDangerNeutral
Rounded Image
Circle Image
Raised Image
Thumbnail Image

Icon Fonts & SVG

La clave: concebir al ser humano como un campo vibratorio que está en continuo intercambio energético con todo lo que lo rodea: otros seres humanos, otras especies, el planeta Tierra, el Universo...
View Nucleo Icons

Molecules

Notifications

Navigation Pills

Horizontal tabs

Turning your ideas into tangible prototypes.

Dramatically visualize customer directed convergence without revolutionary ROI.
Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas.

Dramatically maintain clicks-and-mortar solutions without functional solutions.
Percibir, discernir, manifestar y trascender vínculos

Vertical tabs

Intuición, inspiración, inhalación, apertura, corazón, pulso, traer, penetrar, darse cuenta, canal, agua, primavera, percepción, acceder, escucha, observar, posibilidades, opciones, descubrir, recibir, captar, Neptuno, Venus, Luna, Quijote, emoción, excitación, plenitud, atracción, la llamada (al viaje), estímulo, implicación, activar, invitar, insight, sintonizar, evocar, atención, importar, espacio, emanación...

... y así hasta el infinito
Cabeza, discernimiento, fuego, otoño, foco, elección, orden, límites, distracción, idea, intención, registrar, filtro, criterio, estructura, lenguaje, Mercurio, Saturno, tecnología, problemas, plan, molde, norte, mecanismo, acción de mapear, articular, narrar, acotar, juicio, identificar, comprensión, código, síntesis, descifrar...

etc.
Mano, acción, impulso, tierra, verano, manifestar, materia, marte, saturno, experiencia, acontecimiento, forma, tocar, tracción, prueba, vivencia, registro, consumo de energía, cristalizar, nacer, hechos, aplicar, validar, aparecer, solidez, crecimiento, objeto, ocurrir, transformación, verdad, vivencia, acontecer, nacer...
Exhalar, pronunciar, trascender, soltar, alcanzar, voz, aire, invierno, transmisión, encuentro, desplegar, entregar, comunicar, el otro, aportar, sembrar, devolver, continuidad...

Navigation Tabs

"La vida es una manifestación en forma de fractal, donde cada parte es a su vez el todo."

"Un camino de transformación."

"Aquello que más tarde la percepción habitual captará disociadamente, como elementos separados de la realidad, surge de una matriz común —el sistema solar— que se reproduce en todos los niveles y formas de nuestra realidad cotidiana."

"Aquello que más tarde la percepción habitual captará disociadamente, como elementos separados de la realidad, surge de una matriz común —el sistema solar— que se reproduce en todos los niveles y formas de nuestra realidad cotidiana."

Cards

Rapid Prototyping

"Procesos, personas, sistemas... cualquier unidad evoluciona según el modo en que se vinculan sus partes."

Focus
Stay Focused: Train Your Brain

We don't reinvent the wheels, we make them better.

Trending
Subversiva honestidad

An immersive production studio focused on virtual reality content, has closed a $10 million Series A round led by Discovery Communications

Todo aquí ya!

Comprendiendo la Creación

Reconociendo patrones universales

Un “viaje” circular que consta de 8 pulsos de 4 fases, regidos por 12 arquetipos psíquicos o patrones energéticos.

Vincularidad transformadora

Por medio de lo vincular se actúan y generan climas favorables y desfavorables para ésta actualización.

Actualización del propio potencial

Lo que “uno” es va alcanzando progresivamente su propio potencial a través de actualización continua.

Síntesis holística creativa

El viaje de manifestación de lo que "el uno" ya Es.

12 patrones energéticos

La astrología humanista es usada para desenmascarar la matriz arquetípica original subyacente a todas las relaciones existentes.

4 fases elementales

El escenario: decir, sentir, pensar y hacer como contexto cuaternario dinámico que hubica el presente. Las cuatro fuerzas de la naturaleza: Agua, fuego, tierra, aire.

8 pulsos de realización

La trama: El viaje del héroe, del ser ideal y máximo potencial a la cristalización concreta.

Los doce arquetipos universales

y algunas de sus analogías

TODH

Transmite. Observa. Discierne. Haz.

Ser. Emprender, chispa, iniciativa, riesgo, impulso, fuerza. El inicio de las cosas. La aventura, crear nuevas brechas. Experimentación de sí mismo en acción. Estímulos, entusiasmo y alegría. Va en busca del exterior y crea un efecto en él. Su elemento es el fuego y su función es la intuición.

Tener. Giramos en torno a la necesidad. Cubrir lo que a uno le falta, de tener lo que desea. Recursos, dinero, lo que ocurre ¿aporta algo?. La posesión del deseo. Tendencia a acumular, asegurar y mantener los estados conseguidos. Permitimos que el exterior entre en nosotros. Su esencia es recibir lo que el entorno le da. Por eso disfruta al estar en contacto con la Naturaleza: ama la vida. Su función es “hacer cuerpo” o materializar las cosas. Su elemento es la tierra y su función es la percepción. Posesión, persistencia.

El pensar. Brainstorming, contactos, red. Cualidad de crear nuevas posibilidades en el presente. Su juego es el de combinar, vincular, intercambiar continuamente. Versatilidad, movilidad, conectar y desconectar. Enlace dos lugares diferentes o distantes. Crear opciones sin apegarse a ellas. Es el comerciante, el periodista, el comunicador nato. Su elemento es el aire y su función es de pensamiento.

Gestión emocional, equipo. Sentir. Sensibilidad. Separación entre “adentro” de un “afuera”. Para que algo se desarrolle con plenitud y garantías de éxito, es necesario aislarlo del exterior protegiéndolo con cuidado y mimo. La suma de las experiencias que se depositan en el inconsciente humano colectivo. Su elemento es el agua y su función es el sentimiento.

Marketing, target, como lo presento... Querer. El descubrimiento del Yo. Querer mostrarse y transmitir nuestra fuerza en el exterior. Irradiar. Energía. Brillo. Creatividad. Talento. Su elemento es el fuego y su función es la intuición.

Analizar. Optimizar procesos, necesidad de ordenar. Trabajo. Percepción de que uno mismo y todo lo demás forma parte de un sistema mayor. Apertura a algo que te incluye. Todo tiene su sitio y su lugar para que todo funcione mejor. Uso de la mente lógica para clasificar y colocar. Lógica, orden y sentido práctico.

Cooperación, asociaciones que fortalecen el proyecto. Equilibrar. Contactar con los demás. Armonía, todo en su justa medida, equilibrio, igualdad, mesura, tacto, justicia, inteligencia. Su elemento es el aire y su función es de pensamiento.

Desear. Gestión de emociones relacionadas con un proyecto. Ir a la raíz, a lo esencial. Intensidad, apasionamiento. Su elemento es el agua y su función es el sentimiento.

Abrir sucursales, abrir fronteras... Comprender. Expansión, espíritu explorador. Es la energía que comprende y sintetiza. Apunta y marca una dirección y sentido vital. Visión global que hace ver el porqué de los hechos, teniendo como consecuencia una confianza innata en la vida.

Resultado, empresa madura, visión estratégica. Utilizar. Su elemento es la tierra y su función es la percepción.

Innovación, actualización contínua, avances, nuevos paradigmas. Saber. Su elemento es el aire y su función es de pensamiento.

El proyecto se disuelve en lo colectivo, solidaridad... Creer. Su elemento es el agua y su función es el sentimiento.

Get Tips & Tricks every Week!

Join our newsletter and get news in your inbox every week! We hate spam too, so no worries about this.