Our Generative Logo
As a generative+ NFT platform, it is only fitting that our logo be designed generatively. Stylistically we agreed to pursue "organic minimalism" throughout the design process. Three constraints were set >>>
1. Must be visually sustainable
2. Must visually depict the “ntent.art” brand name
3. Must be created using a generative system.
Ideation as a starting point
At the time, we had been discussing generative point clouds and point grid mapping, so it was natural for this to be one of the starting points that ended up working out. The question, “Can we use a point map to generate organic shapes from a text-based input?” and “Can we design a system that will not only help us create a logo but potentially a generative collection?"
Visual Sustainability
Visual sustainability can be defined as, the amount of time a visual element can be viewed without strain or boredom.
Creating a Generative System
How do we visually depict the “ntent.art” brand name generatively? By converting the brand name into a base64 string, we generated a diverse set of alphanumeric characters. These characters, A-Z and 0-9, could be assigned a value related to the size of the points used to generate a point map.
Base64 output: ntent.art = bnRlbnQuYXJ0
Assigned character values based on ascending order.
. A=0
Z=26
0=0
9=9
A multiplier determined each point’s size and opacity on the point map.
Letters = 26 / 100 = 3.85 Multiplier
Numbers = 10/100 = 10 Multiplier
Ex. B=2 x3.85 = 7.7 - 100 = 92.3px by 92.3px
Ex. 0=0 x10 = 0 = 0px by 0px
We added a modifier for lower case =1 and for upper case =.5
Ex. b=2 x3.85 = 7.7 - 100 = 92.3*1 = 92.3px by 92.3px
Ex. B=2 x3.85 = 7.7 - 100 = 92.3*.5 = 46.15px by 46.15px
Turning Letters into a Point Map
With each alphanumeric character from the base64 string converted into pixels, the points were plotted to a graph to generate our point map. Time to take a step back to see the result of the process.
Visually sustainable, yes. Generatively created, yes. Organic shape, not yet.
Deciding the point map wasn’t enough
We attempted to use motion to create the organic feel we were looking for by attributing size fluctuations based on the alphanumeric output in the previous step but eventually went in another direction altogether.
Our solution was to create a more random distribution of the point map while generating a line that traced around the outside of all the points on the map and then to hide the visibility of the points.
Final Touches
More organic, yes, but we still hadn’t gotten enough of that organic energy we wanted. Our next attempt was to add a Fractal Noise and Displacement map to add a sense of fluidity, rotating until we found the perfect representation.
Final Logo with Animation
To animate the logo we added a 360 rotation to the point map, and voila!
