Color palettes

palette 1

Sense of balance and harmony, due to the combination of warm and cool tones, as well as a range of saturation levels.

Sense of diversity and versatility, due to the variety of shades and tints included in the palette.

Sense of drama or intensity, due to the inclusion of deep, vibrant reds and blues.

Sense of energy and playfulness, due to the inclusion of vibrant oranges and greens.

Sense of sophistication and refinement, due to the inclusion of muted beige and deep blue colors.

Sense of calm and tranquility, due to the inclusion of soft, pastel colors.

palette 2

palette 3

Sense of balance and harmony, due to the combination of warm and cool tones, as well as a range of saturation levels.

Warm colors are red, orange, and yellow. Cool colors are green, blue, and purple.

Design identity

Guideline

Component design

Modular generic web components making integration, customization and maintenance easier.

Ecosystem design

Designing a system of components in interactions. Interface with IoT that retieves data from sensors live to populate Databases, feed intelligent monitoring system or create interactive data visualizations on the front-end.

Interactive Design

Code generated medias in interaction with the content and users to provide artistic and emotional experiences.

Responsive Design

Content that adapt to the medium and context of the user. Component reactivity.

Emotional Design

Artistic guidelines, storytelling, visual concordance.

Type

Typography

Main design type

Helvetica Neue, swiss-german type.

Second type

Roboto is a sans-serif typeface developed by Google.

Fantasy Type

Robotool is a fantasy typeface, inspired by Swiss German design identity.

Swiss German design identity

Following the codes of Swiss German design identity, with neutral and mechanical typefaces.

Design Theory

Contrasts

Johannes Itten theory of 7 contrasts

7 elementary contrasts that describe emotions, feelings and intention towards associations of colors.

Contrast of Hue : difference of hue between two colors.

Contrast of Saturation : the difference between two colors with the same hue.

Light and Dark' : difference of lightness between two colors.

Complementary Colors : following the color wheel, the two colors that are opposite to each other.

Warm and Cold : difference of warmth between to colors.

Contrast of Extension : triadic colors, following the color wheel, the three colors that are equidistant from each other.

Simultaneous Contrast : following the color wheel, the two colors that are next to each other.

Sorting algorithm, contrast detection, sort images by color palettes or by elementary contrasts

Color Interpolation

Color Research

The seven contrasts of Itten define a character to an Artwork which can be transcribed into a keyword. Based on the analysis of image, a function extract the main color palette to analyze the type of contrast helped by an algorithm. Each contrasts are refering to different artistic sensitivity and experiences:

Blossoming : Contrast of hue and saturation.

Emancipation : Contrast of hue and lightness.

Emotion : Contrast of hue and warmth.

Meditation : Contrast of hue and extension.

Deepness : Contrast of saturation and lightness.

Substance : Contrast of saturation and warmth.

Tension : Contrast of saturation and extension.

Gradients

Using different color spaces to complexify textures.

Design Thinking

Interaction Design

Ecosystem

Virtual ecosystems in which each organisms interact to create a complexe structure scaling and responding to requirement.

Structure

Complexe structure made of small modular component. Small programs able to scales into complexe infratructures while keeping their readability

Arborescence

Using data structures to express and communicate to retranscript information

Based on the theory of information, complete communication is never achieved due to a lost of information caused by the entropy. Retranscripting complexe information into a simple structure is a way to reduce the entropy and to communicate more efficiently.

Generative systems

Systems that host a set of rules and instructions drove by code and able to transpile information into vast outputs and complexe structures.

Creative Coding & Generative Art

Using code to create visuals and to create an out-of-the-box way to express and communicate. Creating evolving systems and generative art based on natural rules and transcripted by algorithm.

Music

Generating tones and music compositions with algorithms. Creating generative audiovisuals systems. Can the organicity of music be retranscripted by code? A research on generative music.

algorithmic art

Making sense of mathematical concepts applied to computer and art to generate visuals of the invisible.

                
function RK4step(f4,u,dt) {
  let k1 = math.multiply(f4(u),dt);
  let k2 = math.multiply(f4(math.add(u,math.multiply(0.5,k1))),dt)
  let k3 = math.multiply(f4(math.add(u,math.multiply(0.5,k2))),dt);
  let k4 = math.multiply(f4(math.add(u,k3)),dt);

  return math.add(u,math.divide((math.add(math.add(math.add(k1,math.multiply(2,k2)),math.multiply(2,k3)),k4)),6))
}

Creative Coding

Untitled - generative music NFT 2022 - fxhash

Transparency

Transparent on creative process.

Code transparency, commented and documented.

Open source ressources, libraries and frameworks.

Welcome

Social Media

Identity