# Odyssey — Design Extract (Dawn variant)

Source: https://odyssey.ml/ (captured 2026-09-02).
Build platform: Framer.
Variant: **Dawn** — an alternative color scheme. Structure, type, layout, and components
are unchanged from `design-default.md`; only the palette moves from a near‑black
cinematic ground to the site's own light "mint" section colors, worn as the primary
ground instead of an alternating accent band.


---


## 1. Overall Style

Unchanged from `design-default.md`: the same three type voices, the same emphasis on
motion (instant simulation demos, countdown timer, streaming video), the same sharp
0–2px corners. The default already alternates dark and mint sections for rhythm — Dawn
simply inverts which one is the resting state, the way the product looks at first light
instead of at night.

Tagline (unchanged): "Odyssey is an AI lab pioneering general world models: causal,
multimodal systems that learn to understand and simulate the world."


## 2. Colour Palette (generic description)

The palette is built on the site's own light‑section mint as the primary ground, with
the same single electric‑blue accent and dark sections now the alternating band.

- **Background (light)** – `#E8EFEA` pale mint‑white, now the main canvas.
- **Background (light, alt)** – `#FFFFFF` for raised cards and the media placeholder frame.
- **Text / foreground (on light)** – `#0B0B0C` near‑black for headings and key text.
- **Text muted (on light)** – `#0B0B0C` at 60% for body copy.
- **Accent** – `#0054FF` unchanged — buttons, eyebrow labels, links, video accent color.
- **Background (dark section)** – `#090909` (inverted sections, now the alternating band instead of the resting ground).
- **Text / foreground (on dark)** – `#E8EFEA` for text inside inverted sections.
- **Pure white** – `#FFFFFF` for controls, the video play button, small UI marks.
- **Support roles** – media placeholder `#D7E3DC`, border `rgba(11,11,12,0.15)`, hairline `rgba(11,11,12,0.08)`, overlay scrim `rgba(232,239,234,0.85)` / `rgba(232,239,234,0)`.

*(Exact hex values have been replaced with descriptive roles; the original detailed token table has been collapsed into role‑based categories.)*


## 3. Typography (generic)

Unchanged from `design-default.md` — Oliveira Regular (substitute Fraunces) for display,
NeueBit Bold (substitute Press Start 2P) for eyebrow/stat labels, Geist for body,
Fragment Mono for the countdown. Colors follow §2 instead of their dark‑mode equivalents.


## 4. Layout (generic)

Unchanged from `design-default.md` — same 1200px content width, same breakpoints
(1700 / 1200 / 810px), same spacing scale. Dark and light sections still alternate; Dawn
only changes which shade is the default resting state.


## 5. Components (generic)

Unchanged in structure. The primary button keeps its `#0054FF` fill and 2px radius;
its border becomes `rgba(11,11,12,0.15)` to stay visible on the lighter ground. The
media player and starfield/scrim treatments keep their dark styling even inside Dawn —
they are meant to read as a window into the product, not part of the page chrome.


## 6. Page Structure and Content (generic order)

Unchanged from `design-default.md` — identical section order and copy.


## 7. Assets (generic)

Unchanged from `design-default.md`.


## 8. Motion (generic)

Unchanged from `design-default.md` — same hover fades, scroll‑driven animation, and
instant‑simulation demo behavior.


## 9. Quick Token Summary (generic)

```css
--color-bg:             #E8EFEA
--color-bg-raised:      #FFFFFF
--color-bg-dark:        #090909   /* alternating band, not the resting ground */
--color-text:           #0B0B0C
--color-text-muted:     rgba(11, 11, 12, 0.6)
--color-text-invert:    #E8EFEA
--color-accent:         #0054FF   /* unchanged */
--color-media-bg:       #D7E3DC

--font-display:  "Fraunces", serif        /* substitute for Oliveira Regular */
--font-label:    "Press Start 2P", monospace /* substitute for NeueBit Bold */
--font-body:     "Geist", sans-serif

--radius:        2px
--content-max:   1200px
--space-unit:    8px   /* scale: 4 8 10 12 16 24 32 40 64 80 */
```