pro/gooddesign.html at main · chanceadrian/pro · 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
84
85
86
87
88
89
90
91
92
<!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="style.css">
    <link rel="icon" href="favicon.webp" type="image/webp">
    <meta name="theme-color" content="#cccccc">
</head>

<body style="background-color: #cccccc; color: black;">
    <div class="header-title">
        <h2>Good Design Needs Cosmic Vision</h2>
    </div>
    <div class="caption">
        <caption>
            Form follows function, but function needs vision. Why we need to ask hundred year questions.
        </caption>
    </div>
    <div class="story-header">
        <div class="overlay" style="background: linear-gradient(to bottom, rgb(204, 204, 204) 5%,rgba(204, 204, 204, 0) 50%, rgba(204, 204, 204) 95%);"></div>
        <img src="https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?q=80&w=2972&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="photo-back">
        <div class="header-focus">
            <img src="https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?q=80&w=2972&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="photo-focus">
        </div>
    </div>
    <div class="row-story">
        <smaller>Chance Castaneda</smaller>
        <smaller style="text-align: right;">Ocean clouds</smaller>
    </div>
    <div class="story-text">
        <p>What makes good design? According to renowned German industrial designer Dieter Rams, good design should be functional, simple, and timeless. It should be easy to understand, honest, and unobtrusive.</p>
        <p>I love this philosophy, but I'd extend it 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 further uplift the human spirit and cause.</p>
        <p>It requires a sense for large scale significance, a belief that we are still in the beginning of changing the world—that we as humans deserve better. </p>
        <p>Some say form should follow function, and I don't disagree. But function needs vision.</p>
        <p>Vision 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 to us as what came before.</p>
        <p>Having 'cosmic vision' means having a real respect for greatness, an openness to be transformed by the work of others, and a firm trust in human ingenuity. It means not only respecting genuis, but believing it can be reproduced in our work if we try hard enough, too.</p>
        <p>Our ability to see what is missing is what makes us human. And our ability to bring dreams into reality is what makes us wonderful.</p>
        <p>We must learn history and look to the stars so that they may give us the courage to ask one hundred year questions—and brave enough to provide good answers to them. 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 carry the weight of the future on your shoulders and feel responsible for your role in shaping it.</p>
    </div>

    <div class="footer">
        <div class="story-text-grid" style="margin-bottom: 0px;">
            <h5 style="opacity: 0.53;">Read More</h5>
            <a href="about.html" class="link-story">
                <div>
                    <h5>About Me</h5>
                    <smaller>Biology. Human evolution. Design. Get a gist of who I am in two minutes or less.</smaller>
                </div>
            </a>

            <a href="stayfoolish.html" class="link-story">
                <div>
                    <h5>Think Further, Stay Foolish.</h5>
                    <smaller>A slider should go up to make something raise.</smaller>
                </div>
            </a>

            <a href="whatisdesign.html" class="link-story">
                <h5>What is Design?</h5>
                <smaller>Braun & Apple. Essential principles and approaches to human experience.</smaller>
            </a>

        </div>
    </div>

</body>
<div class="sidebar" style="background-color: rgba(76, 76, 74, 0.65);">
    <a href="index.html" class="nav-link" style="opacity: 1;">
    <img src="Im/i-values.webp">
    Home
    </a>
    <a href="work.html" class="nav-link">
    <img src="Im/i-work.webp">
    Work
    </a>
    <a href="about.html" class="nav-link">
    <img src="Im/i-about.webp">
    About
    </a>

    <a href="audio.html" class="nav-link">
    <img src="Im/i-audio.webp">
    Audio
    </a>
</div>
</html>