Art

What the siteis drawn with.

The mark, the colours of each space, the objects that stand for them, the pictures of the transitions and the patterns behind the pages, in one place. Each picture opens full size and can be downloaded.

The mark

A ring, two bars and a chevron: a pause sign and a playback sign, read as IK. Its geometry is measured: ring radius 40 in a box of 100, bars 4.46 and 4.40 wide with round caps.

On paper

On ink

Logo (SVG)Favicon (SVG)

Colours

One house palette and one kit per space, each with a light and a dark side. The values are read from the site's stylesheet when the site is built.

House

Light

Ground#F5F4F0
Ground, second#E9E7E0
Ink#191E2A
Muted ink#62666F
Rulergba(25, 30, 42, 0.14)
Button#191E2A
Button ink#F5F4F0
Accent#191E2A
Accent, second#191E2A
Card#FBFAF7
Card edgergba(25, 30, 42, 0.2)
Contourrgba(25, 30, 42, 0.12)

Dark

Ground#191E2A
Ground, second#222838
Ink#F5F4F0
Muted ink#A2A6AF
Rulergba(245, 244, 240, 0.14)
Button#F5F4F0
Button ink#191E2A
Accent#F5F4F0
Accent, second#F5F4F0
Card#222838
Card edgergba(245, 244, 240, 0.16)
Contourrgba(245, 244, 240, 0.11)

Innovation

Light

Ground#F6FAFD
Ground, second#B3CFE5
Ink#0A1931
Muted ink#566172
Rulergba(10, 25, 49, 0.14)
Button#1A3D63
Button ink#F6FAFD
Accent#4A7FA7
Accent, second#1A3D63
Card#FFFFFF
Card edgergba(26, 61, 99, 0.22)
Contourrgba(26, 61, 99, 0.2)

Dark

Ground#0A1931
Ground, second#1A3D63
Ink#F6FAFD
Muted ink#89A2B8
Rulergba(179, 207, 229, 0.16)
Button#B3CFE5
Button ink#0A1931
Accent#B3CFE5
Accent, second#B3CFE5
Card#0F2342
Card edgergba(179, 207, 229, 0.2)
Contourrgba(179, 207, 229, 0.2)

Knowledge

Light

Ground#EFE6D6
Ground, second#E4D7C0
Ink#1D1617
Muted ink#5C5450
Rulergba(29, 22, 23, 0.16)
Button#522623
Button ink#EFE6D6
Accent#522623
Accent, second#522623
Card#F6F0E4
Card edgergba(82, 38, 35, 0.25)
Contourrgba(82, 38, 35, 0.15)

Dark

Ground#1D1617
Ground, second#262630
Ink#EFE6D6
Muted ink#9B938A
Rulergba(159, 105, 50, 0.3)
Button#EFE6D6
Button ink#1D1617
Accent#9F6932
Accent, second#BF9B74
Card#262630
Card edgergba(159, 105, 50, 0.35)
Contourrgba(159, 105, 50, 0.28)

Research

Light

Ground#E8EDE2
Ground, second#D3E4D6
Ink#16302C
Muted ink#4E6B5F
Rulergba(22, 48, 44, 0.16)
Button#203B37
Button ink#EEE8B2
Accent#9A6C3A
Accent, second#5A8F76
Card#F2F4EC
Card edgergba(32, 59, 55, 0.2)
Contourrgba(90, 143, 118, 0.3)

Dark

Ground#0E2624
Ground, second#203B37
Ink#E9E4C0
Muted ink#93AE9F
Rulergba(150, 205, 176, 0.18)
Button#C18D52
Button ink#0E2624
Accent#C18D52
Accent, second#96CDB0
Card#143330
Card edgergba(150, 205, 176, 0.22)
Contourrgba(150, 205, 176, 0.2)

AI

Light

Ground#F2F3FA
Ground, second#DEE2F2
Ink#101A3E
Muted ink#525C84
Rulergba(16, 26, 62, 0.15)
Button#16285A
Button ink#F2F3FA
Accent#1C7FA6
Accent, second#16285A
Card#F8F9FD
Card edgergba(22, 40, 90, 0.2)
Contourrgba(28, 127, 166, 0.2)

Dark

Ground#0B1A40
Ground, second#16285A
Ink#EDEFFA
Muted ink#A2ABCF
Rulergba(95, 230, 242, 0.18)
Button#FFC978
Button ink#0B1A40
Accent#5FE6F2
Accent, second#FFC978
Card#10214D
Card edgergba(95, 230, 242, 0.24)
Contourrgba(95, 230, 242, 0.15)

Objects

The column, the book, the lighthouse and the gears stand for the spaces; the plates illustrate the formats. All are drawn in code, as vectors.

The column (Innovation)

The book (Knowledge)

The lighthouse (Research)

The gears (Research)

Plate: Science-Meets-Politics

Plate: Gender Reversed Bootcamp

Plate: EU proposal engineering

Pictures

The last frame of each transition, the pictures the founder supplied for them, the chora's elements as they were upscaled, and the patterns and contour lines.