timeless/cosmic-vision.html at main · chanceadrian/timeless · GitHub

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cosmic Vision</title>
    <link rel="stylesheet" href="essay.css">
    <meta name="theme-color" content="#F7F9FA">
    <link rel="icon" href="Im/f-essay.webp" type="image/webp">
</head>

<body>
    <nav>
        <a class="selected" href="index.html">Home</a>
        <a href="shelf.html">Shelf</a>
        <a href="about.html">About</a>
        <a href="audio.html">Audio</a>
    </nav>

    <view class="header">
        <column>
            <h1>Cosmic Vision</h1>
            <p>The future deserves our best guesses.</p>
        </column>
        <photo-back class="v606-601 gradient">
            <photo-frame>
                <photo-front class="v606-601"></photo-front>
            </photo-frame>
            <div class="side-gradient"></div>
        </photo-back>
        <row>
            <p>Chance Castaneda</p>
            <p>606 / 601, Vitsoe</p>
        </row>
    </view>

    <div class="p-grid">
        <p>What makes good design? According to renowned German industrial designer Dieter Rams, good design should be functional, simple, and timeless. It is easy to understand, honest, and unobtrusive.</p>
        <p>I love these principles, but I'd extend them a bit further.</p>
        <p>Truly innovative design, I think, requires a kind of “cosmic vision,” eyes always on the search for lofty ideas that can uplift the human spirit and cause.</p>
        <p>It requires a sense of large scale significance. To improve our environment, we have to believe we are still in the beginning of changing the world—that we are in some final analysis responsible for its direction. </p>
        <p>Some say form follows function. Others — emotion. I would say both require vision. How should things work? How should we feel? We’ve got to produce an orientation, from our senses to our creations. There must be harmony between ideals and present day solutions. </p>
        <p>Vision, akin to hope, is what propels us forward amidst uncertainty and doubt. If we don't offer ours to the world, then something else will. And we can't be sure it will be as palatable.</p>
        <p>'Cosmic vision' means having a real respect for agency and greatness, an openness to be transformed by the work of others, and a firm trust in the ingenuity of our peers. It means not only recognizing and respecting genuis, but believing it can be reproduced in our work too.</p>
        <p>Our ability to see what is missing is what makes us human. Our ability to bring these things into reality is what makes us wonderful.</p>
        <p>The easiest way to garner vision is to ask hundred year questions. Instead of where the future of cars lie, ask: what does traffic look like in a hundred years? A world where we seldom ask why is a world much smaller than it should be.</p>
        <p>Every generation has a choice to go to the moon, a once-in-a-lifetime opportunity to measure and test its energies and skills.</p>
        <p>We cannot afford to forfeit ours.</p>
        <p>That's what it means to have cosmic vision. To be brave enough to try and provide good answers to the future. To think far. To feel responsible. </p>
    </div>

    <view class="chin">
        <responsive>
            <column>
                <p>Photo from Das Programm's UK Digital Archive, originally captioned 'Vitsoe 606 / 601 + Braun L 450, L 46, TS 45, TG 60, PCS 52 E.'</p>
            </column>
            <div class="link-nav">
                <column class="sect">
                    <h3>Case Study</h3>
                    <column class="sub-sect">
                        <a href="shelf.html"><h1>Shelf</h1></a>
                    </column>
                </column>
                <column class="sect">
                    <h3>Case Study</h3>
                    <column class="sub-sect">
                        <a href="what-is-design.html"><h2>What is Design?</h2></a>
                        <a href="thinkfar-stayfoolish.html"><h2>Think Far, Stay Foolish.</h2></a>
                        <a href="cosmic-vision.html"><h2>Cosmic Vision</h2></a>
                    </column>
                </column>
                <column class="sect">
                    <h3>Main</h3>
                    <column class="sub-sect">
                        <a href="index.html"><h2>Home</h2></a>
                        <a href="about.html"><h2>About</h2></a>
                        <a href="audio.html"><h2>Audio</h2></a>
                    </column>
                </column>
            </div>
        </responsive>
    </view>
</body>