Deliverables:

Branding

Web Design

WebFlow Development

Icon Illustration

Case Study:

Kybernautik

Kybernautik is a consulting group advising on social system innovation, data collaboration, and token-based platform design. I do this by accelerating execution in such systems and projects' experimentation and adoption phases.

For this project we wanted to achieve a bold style that fit Andreas' innovative perspective. We cocreated this unique look inspired by Punk Rock, 80's neon, and SciFi technofuturism. Andreas had some great photos taken and we wove them seamlessly into the site design.

Using WebFlow, we can develop dynamic elements like this interactive diagram. This element illustrates Kybernautic's methodology and also serves as a navigation. Hover over the diagram to preview this effect.

With WebFlow, and our team of talented developers, the possibilities for what we can cocreate are endless.

Testimonials

alistair langer

"Coming Soon..."

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 images below to
explore other projects of ours