i

crowd

Crowd is a modular typeface of layered div elements built in HTML, CSS, and Javascript. These letters are transformers. They play off of each other, group together, form, and reform. Toggle the switch above, and watch them cluster!

Designed and coded by Sarah Auches in Fall 2021 with much encouragement and advice from some lovely classmates and Jonathan Hanahan.

Headings set in IBM Plex Mono. Body copy set in IBM Plex Sans.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
20
21
23
25
26
31
32
33
34
35
1
2
3
4
5
6
8
9
10
11
13
14
15
16
19
20
21
23
25
26
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
20
21
23
24
25
26
30
31
32
33
34
35
1
2
3
4
5
6
7
8
10
11
12
13
15
16
18
20
21
23
25
26
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
18
20
21
25
26
27
30
31
32
33
34
35
1
2
3
4
5
6
8
10
11
12
13
14
15
16
18
19
20
21
22
23
24
25
28
29
30
31
32
33
34
35
1
2
3
4
5
6
7
10
11
12
13
14
15
16
20
21
22
23
25
26
28
29
30
31
32
33
34
35
1
2
3
4
5
6
8
9
10
11
13
14
15
16
19
20
21
23
25
26
28
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
14
15
16
17
18
19
20
21
22
24
25
26
27
29
30
31
32
33
34
35
1
2
3
4
5
6
7
9
10
11
12
13
14
15
16
17
19
20
21
22
24
25
26
28
29
30
31
32
33
34
35
1
2
3
4
5
6
8
9
10
11
13
14
15
16
18
19
20
21
25
26
28
30
31
32
33
34
35
1
2
3
4
5
6
7
9
10
11
12
14
15
16
17
18
19
20
21
22
24
25
26
27
29
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
24
28
29
31
33
34
35
36
38
40
42
43
44
45
46
47
48
49
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
19
20
21
23
25
26
28
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
19
20
21
22
23
25
26
27
29
30
31
32
33
34
35
1
2
3
4
5
6
10
11
13
14
15
16
19
20
21
22
23
24
25
26
28
29
30
31
32
33
34
35
1
2
3
4
5
6
7
10
11
13
15
16
20
21
22
23
25
26
27
28
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
13
14
15
16
20
21
23
24
25
26
28
29
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
20
21
25
26
30
31
32
33
34
35
1
2
3
4
5
6
7
9
10
11
12
14
15
16
20
21
22
24
25
26
27
29
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
18
20
21
23
25
26
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
18
20
21
23
25
26
27
29
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
24
26
28
29
30
31
32
33
34
35
36
39
42
43
44
45
46
47
48
49
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
18
20
21
25
26
28
30
31
32
33
34
35
1
2
3
4
5
6
8
10
11
13
15
16
17
20
21
22
23
25
26
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
20
21
24
25
26
30
31
32
33
34
35
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35