Make a Logo Design Widget

code

how it works

This logo design tool derives from a design by Franco Grignani for the cover of a magazine. Grignani’s design is a subtle modification of a simple stack of black and white disks:

In[1]:=

X

Out[1]=

Grignani modified that stack by shifting each white disk slightly in relation to its black background so that the outermost white disk is tangent to its black background disk at the top, and the innermost at the bottom:

In[2]:=

X

Out[2]=

Making that static image interactive is just a matter of replacing With with Manipulate and letting n range over the number of disks:

In[3]:=

X

Out[3]=

To make the amount of displacement interactive as well, add a displacement control:

In[4]:=

X

Out[4]=

Other variations on this design are easy to add as they occur to you. It’s trivial to give yourself control over the inner disk radius so that you can explore rings as well as disks:

In[5]:=

X

Out[5]=

A further variation is provided by a twist control that progressively rotates the disks about the origin as they are stacked. An orientation control lets you vary the global logo orientation. Both controls are implemented via Rotate: