synopsis.github.io/about.html at master · Synopsis/synopsis.github.io · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
<!DOCTYPE html>
<html lang="en" class="no-js">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>About Us | OZU</title>
    <meta
      name="description"
      content="OZU builds models and products that help people see and capture the world like a filmmaker"
    />
    <meta name="author" content="OZU" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500&family=Bebas+Neue:wght@400&display=swap"
      rel="stylesheet"
    />
    <!-- <link rel="shortcut icon" href="favicon.ico" /> -->
    <link rel="stylesheet" type="text/css" href="css/base.css" />

    <!-- Open Graph Protocol (for social media sharing) -->
    <meta property="og:title" content="The Story is Yours | OZU" />
    <meta
      property="og:description"
      content="OZU builds models and products that help people see and capture the world like a filmmaker"
    />
    <!-- we need these
    <meta property="og:image" content="https://example.com/image.jpg">
    <meta property="og:url" content="https://example.com/page">
    <meta property="og:type" content="website">

    -->

    <!-- SEO-related metadata -->
    <meta name="robots" content="index, follow" />
    <meta
      name="keywords"
      content="OZU, OZU AI, filmmaking, computational cinema, video technology, tv search, tv show search, film search, movie search, video search, transcript search, dialogue search, character search, narrative search,  AI video, video curation, video editing, ai video editing, ai video search, local ai video"
    />
    <meta name="author" content="OZU" />
    <link rel="canonical" href="https://ozu.ai" />

    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-BNVV6RVWYF"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-BNVV6RVWYF");
    </script>

    <!-- Critical initialization script - must be in head -->
    <script>
      document.documentElement.className = "js";
      var supportsCssVars = function () {
        var e,
          t = document.createElement("style");
        return (
          (t.innerHTML = "root: { --tmp-var: bold; }"),
          document.head.appendChild(t),
          (e = !!(
            window.CSS &&
            window.CSS.supports &&
            window.CSS.supports("font-weight", "var(--tmp-var)")
          )),
          t.parentNode.removeChild(t),
          e
        );
      };
      supportsCssVars() ||
        alert(
          "Please view this demo in a modern browser that supports CSS Variables."
        );
    </script>
  </head>

  <body>
    <nav>
      <div class="nav-container">
        <div class="nav-start">
          <a href="/"> <img class="logo" src="img/ozu-logo.png" alt="OZU" /></a>
        </div>
        <div class="nav-end">
          <a href="about.html" class="nav-link">About Us</a>
          <a
            href="https://airtable.com/appQLJNvQ4m4IOtLV/shrmZJ7XoxUDUQJiQ"
            class="button button--nav"
            >Sign Up</a
          >
        </div>
      </div>
    </nav>

    <main>
      <section class="about-header">
        <div class="about-header-content">
          <div class="about-layout">
            <div class="about-text">
              <div class="about-descriptions">
                <div class="about-card">
                  <div class="card-header">
                    <h3 class="card-title">
                      OZU builds models and products that help people see and
                      capture the world like a filmmaker.
                    </h3>
                  </div>
                  <p class="card-content">
                    We're a remote-first video AI startup based in Brooklyn NY
                    and backed by angels, VCs, and entrepreneurs from Figma,
                    Atlassian, Runway, NVIDIA, and Maximum Effort.
                  </p>
                </div>
              </div>
            </div>
            <div class="staggered-images">
              <div class="image-container image-top">
                <img
                  src="../img/sunset.jpg"
                  alt="OZU filmmaking visualization 1"
                  loading="lazy"
                  width="600"
                  height="400"
                />
              </div>
              <div class="image-container image-middle">
                <img
                  src="../img/sunset.jpg"
                  alt="OZU filmmaking visualization 2"
                  loading="lazy"
                  width="600"
                  height="400"
                />
              </div>
              <div class="image-container image-bottom">
                <img
                  src="../img/sunset.jpg"
                  alt="OZU filmmaking visualization 3"
                  loading="lazy"
                  width="600"
                  height="400"
                />
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="values-section">
        <div class="values-layout">
          <div class="staggered-images">
            <div class="image-container image-top">
              <img
                src="../img/joika.jpg"
                alt="OZU filmmaking visualization 1"
                loading="lazy"
                width="600"
                height="400"
              />
            </div>
            <div class="image-container image-middle">
              <img
                src="../img/joika.jpg"
                alt="OZU filmmaking visualization 2"
                loading="lazy"
                width="600"
                height="400"
              />
            </div>
            <div class="image-container image-bottom">
              <img
                src="../img/joika.jpg"
                alt="OZU filmmaking visualization 3"
                loading="lazy"
                width="600"
                height="400"
              />
            </div>
          </div>
          <div class="values-content">
            <h2 class="section-title">We Value</h2>
            <div class="values-cards">
              <div class="value-card">
                <div class="card-header">
                  <h3 class="card-title">Film and Videomaking Craft</h3>
                </div>
                <p class="card-content">
                  We believe in the wisdom of the experts that craft stories for
                  film, tv, and streaming. Their techniques and knowledge guide
                  our innovations.
                </p>
              </div>

              <div class="value-card">
                <div class="card-header">
                  <h3 class="card-title">Creative Flow</h3>
                </div>
                <p class="card-content">
                  We love the feeling we get while making - especially when we
                  care deeply about what we're making. We design our tools to
                  enter, enhance and maintain that state of creative flow.
                </p>
              </div>

              <div class="value-card">
                <div class="card-header">
                  <h3 class="card-title">Long-form Visual Storytelling</h3>
                </div>
                <p class="card-content">
                  Why can't the photo album of the future be an episodic series?
                  That's the future we want to manifest. We value long-form
                  visual storytelling and want to help make it a mainstream
                  skill.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="timeline-section">
        <div class="timeline-header">
          <!-- <h2 class="section-title">Our Journey</h2> -->
        </div>
        <div class="timeline">
          <div class="timeline-item left">
            <div class="timeline-content">
              <div class="timeline-year">The Beginning</div>
              <p>
                We're long-time computational cinema nerds obsessed with
                building creative tools. We love real-time video, creative flow,
                and think there's so much more that can be unlocked by
                technology.
              </p>
            </div>
          </div>

          <div class="timeline-item right">
            <div class="timeline-content">
              <div class="timeline-year">2020</div>
              <p>
                We trained and deployed our own ML models to understand
                cinematography and editing. We launched projects for HBO and
                Michael Kors, like connecting HBO's episodic archives to cameras
                and video walls so users could move and speak and see matching
                shots playback from HBO's library; and turning a live Michael
                Kors runway show into 400 edited videos with individual Final
                Cut Pro project files ready to go so editors could fine tune
                them.
              </p>
            </div>
          </div>

          <div class="timeline-item left">
            <div class="timeline-content">
              <div class="timeline-year">2023</div>
              <p>
                We released the Precorder - a Mac App for running OZU models
                locally on Apple Silicon to turn huge video archives into
                structured data. With it, users could take 1000 hours of video,
                and in a couple days, without spending money on compute, they
                could search through, edit with, and create videos from their
                archive.
              </p>
              <p>
                We demoed the Precorder in Feb 2023 live at Figma AI in NYC
                which led to a new round of founding and design partners. More
                demos at events and gatherings across the city helped us recruit
                new users and confirm the power and potential of blending
                real-time video search, editing, and curation across massive
                video libraries.
              </p>
            </div>
          </div>

          <div class="timeline-item right">
            <div class="timeline-content">
              <div class="timeline-year">Today</div>
              <p>
                Our latest product is for a wider audience and is live in closed
                beta now. It's an AI video player in the browser, designed to
                work with Precorded video. OZU lets people playback, search,
                share, and curate video in a whole new way. All sorts of users,
                thinking aloud with video.
              </p>
            </div>
          </div>
        </div>
      </section>

      <section class="signup-section">
        <div class="signup-content">
          <h2>Join OZU's Beta</h2>
          <a
            href="https://airtable.com/appQLJNvQ4m4IOtLV/shrmZJ7XoxUDUQJiQ"
            class="signup-button"
            >Sign Up for Beta Access</a
          >
        </div>
      </section>
    </main>

    <footer class="footer">
      <div class="footer-container">
        <div class="footer-content">
          <div class="footer-links">
            <a href="index.html">Home</a>
            <a href="about.html">About Us</a>

            <a
              href="https://x.com/ozutechnology"
              target="_blank"
              rel="noopener noreferrer"
              >Twitter</a
            >
            <a
              href="https://www.linkedin.com/company/ozu-technology/"
              target="_blank"
              rel="noopener noreferrer"
              >LinkedIn</a
            >
          </div>
        </div>
        <div class="footer-legal">
          <span>© 2025 OZU. All rights reserved.</span>
        </div>
      </div>
    </footer>
  </body>
</html>