ject.ch v2

experiment.

2016 • aesthetic.

See for
yourself

ject.ch v2.

The current landing page of JECT. I wanted it to look like something that would make Josef Müller-Brockmann proud.

{{ ui.hello }}

{{{ ui.helloName }}}

{{{ ui.helloThis }}}

{{{ ui.helloLook }}}

{{ ui.whatIsThis }} {{ ui.otherLang }} {{ ui.contact }}

{{ content.about.title }}

{{ content.about.descriptionTitle }}

{{ #infinity }}{{{ html }}}{{ /infinity }}{{ ^infinity }}{{{ html }}}{{ /infinity }}

{{ content.about.infinity.title }}

{{{ content.about.infinity.html }}}

{{ content.about.componentsTitle }}

{{ name }} {{ hex }}
{{ name }}
- {{ name }} {{ hex }}

{{ content.about.colophonTitle }}

{{{ html }}}

{{ ui.type }}.

{{ head.title }}

{{ ui.type }}.

{{{ head.lede }}}

{{ head.title }}

{{ head.detail }}

{{ ui.type }}.

{{ head.title }}.

{{ #content.story }}

{{ pre }} {{ main }} {{ post }} {{ detail }}

{{ /content.story }}

{{ ui.type }}.

{{head.date }}{{ #ui.postNote }} • {{ ui.postNote }}{{ /ui.postNote }}

{{head.id}}: {{ head.title }}.

{{{ content.post }}}

{{ ui.type }}.

{{ #content.work.heroimg }}

{{ /content.work.heroimg }}

{{ head.year }}

{{ #content.work.url }}

{{ ui.seeFor }}
{{ ui.seeYourself }}{{ ui.share }}

{{ /content.work.url }} {{ ^content.work.url }}

{{ /content.work.url }}

{{ head.title }}.

{{ ui.description }}

{{{ content.work.lede }}}

{{ #content.work.roles.length }}

{{ ui.roles }}

{{ #content.work.roles }}

{{.}}

{{ /content.work.roles }}

{{ /content.work.roles.length }}

{{ #settings.hasDetail }}

{{ ui.details }}

{{ #content.work.detail }}

{{ #video }}

{{ /video }} {{ ^video }}

{{ /video }}

{{ text }}

{{ /content.work.detail }}

{{ /settings.hasDetail }}

{{ ui.type }}.

{{ head.year }}

{{ head.title }}.

{{ #content.workspace.hardware.length }}

{{ ui.hardware }}

{{.}}

{{ ui.description }}

{{{ content.workspace.text }}}

{{ /content.workspace.hardware.length }} {{ ^content.workspace.hardware.length }}

{{{ content.workspace.text }}}

{{ /content.workspace.hardware.length }}

{{ ui.type }}.

{{ head.year }}{{ #head.kind }}{{ #head.year }} • {{ /head.year }}{{ head.kindLabel }}.{{ /head.kind }}

{{ #content.experiment.url }}

{{ ui.seeFor }}
{{ ui.seeYourself }}{{ ui.share }}

{{ /content.experiment.url }} {{ ^content.experiment.url }}

{{ /content.experiment.url }}

{{ head.title }}

{{ #content.experiment.lead }}

{{ #video }}

{{ /video }} {{ ^video }}

{{ /video }}

{{ text }}

{{ /content.experiment.lead }} {{ #content.experiment.thumbs.length }}

{{ #content.experiment.thumbs }}

{{ #video }}

{{ /video }} {{ ^video }}

{{ /video }}

{{ text }}

{{ /content.experiment.thumbs }}

{{ /content.experiment.thumbs.length }} {{{ content.experiment.html }}}

{{ ui.type }}.

{{ head.title }}.

{{ head.detail }}