Deliverables

Branding

Web Design

WebFlow Development

Animation / Motion Graphics

Case Study:

Innovative Living and Learning Institute

The Innovative Learning and Living Institute (ILALI) supports the resilience and transformation of communities and their regions through programs where we learn to embody knowledge, bridge cultural worldviews, and promote collective healing in service of our future.

With the ILALI team we created a very unique, very dynamic design for their first landing-page. This project is just getting of the ground, they wanted something that would capture the attention of potential partners and supporters and communicate their innovative, dynamic nature.

Testimonials

M. Rako Fabionar

"Working with the Iris Cocreative Team was powerful and satisfying experience. Their technical expertise and creative gifts came through with professionalism and kindness. I especially appreciated their ability to connect with our emerging vision, iterate upon it, and then bring it into a full expression as a rich and beautiful design that was functional and engaging. Our website exceeded my expectations, which was already high as I had worked with their leadership before."

Logo & Branding

Containers

Full Container - 1299px
Medium Container - 1079px
Thin Container - 639px

12 Column Grid

Column: 89PX
Gap: 21PX
Standard Margin: 144px

Typography

Sub Margin: 89px

H1 - Page Titles • Cras mattis Consec Cetur purus sit amet

Neue Kabel • 89/100px • Light
Sub-sub Margin: 34px

H2 - Primary Headlines • Aenean lacinia bibendum Nulla sed consectetur.

Neue Kabel • 55/69px • Regular

H3 - Secondary Headlines • Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna.

Neue Kabel •34/42.5px • Medium

H4 - Tertiary Headlines • Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta .

Neue Kabel • 21/27px • BolD
H5 - SubHeadlines • Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue.
Neue Kabele • 21/33px • Bold • Caps
H6 - Labels and details • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Neue Kabel • 18/28px • Regular
Paragraph Font: Neue Kabel 17/27px

We are in the process to jointly rebuild our economic and social system. In the short window remaining, we can prevent ecosystem collapse and move from resource extraction to putting people and the planet first. The global health crisis has accelerated technological adaptation. We have to ensure that the new technologies serve humanity and the planet. Humanity has to lead technology with good ethics, so it makes life for all more livable.

Quote font: Scala Sans Pro Light Italic, 21px/35px. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

H6 Font for Atribute

We are in the process to jointly rebuild our economic and social system. In the short window remaining, we can prevent ecosystem collapse and move from resource extraction to putting people and the planet first. The global health crisis has accelerated technological adaptation. We have to ensure that the new technologies serve humanity and the planet. Humanity has to lead technology with good ethics, so it makes life for all more livable.

Other
Case Studies

Click on the image to dive
deeper into the project
By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. (We don't really care which you choose, we're just required to have this now)