morphogeny

Grow a graphic-design style from its genome

Each generator grows one style from the Stylogeny atlas. Its controls are the design choices that make the style, named and explained, and its colours are the style's own or any other style's. Everything runs in your browser; export a vector SVG, a PNG at print size or a seamless video loop.

  1. Op Art

    stripes, checks, rings and wedges that swell and turn

    Optical patternform.op-patternRepetition & rhythmspace.repetitionIllusion of depthspace.depth-illusion
    Patterns
    Op Art Graphics

  2. Swiss

    grid posters set in a neutral grotesque

    Modular gridlayout.modular-gridExtreme scale contrastspace.scale-contrastGenerous white spacespace.generous-whitespace
    Posters
    International Typographic Style

  3. Bauhaus

    circles, squares and triangles in tension on a diagonal, held by bars and dots

    Diagonal axislayout.diagonalGeometric primitivesform.primitivesRules & barsornament.rules-bars
    Posters
    Bauhaus

  4. De Stijl

    planes of primary colour held by black bars

    Rectilinearform.rectilinearDynamic asymmetrylayout.asymmetricPrimary triadcolor.primary-triad
    Compositions
    De Stijl

  5. Memphis

    scattered shapes dressed in squiggles, dots and zigzags

    All-over fieldlayout.all-overRepetition & rhythmspace.repetitionDynamic asymmetrylayout.asymmetric
    Patterns
    Memphis Design

  6. Concrete

    one module, repeated and turned by a rule

    Geometric primitivesform.primitivesRepetition & rhythmspace.repetitionLimited spot colourscolor.limited-spot
    Compositions
    Brazilian Concrete Design

  7. Pixel

    dithered landscapes, 1-bit patterns, sprites and text screens on a coarse pixel grid

    All-over fieldlayout.all-overPattern & repeatimage.patternPictogramform.pictogram
    Textures
    Bitmap & Pixel Graphics

  8. Kinetic

    your words filling the frame, moving along their weight and width

    Rotated & vertical settingtype.rotatedIllusion of depthspace.depth-illusionRepetition & rhythmspace.repetition
    Type
    Kinetic Typography & Variable Type