Runway — Feature
A large rounded dark blue-gray gradient panel: left column of body copy with a 'Learn more' pill, right column an expandable list (GWM-1, Gen-4.5, General World Models).
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/runway-runway-research-dark-gradient-panel-with-accordion-list.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #454E3E |
| Accents | #101B17 |
| Contrast | 8.71 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.71 |
| Measured size | 1600×1076 px |
Palette
#1E2A4A#3A4A5A#FFFFFF#0A0A0A
Page types
Detail
UX patterns
Dark Mode
UI elements
CardTabs
Context
- Parent page: AI world-simulation landing with cinematic jungle hero and research-product showcase grid
- All of Runway
Other sections on this page
- Hero — Full-bleed cinematic jungle hero with bottom-left headline
- Logo Wall — Partner logo strip (Adobe, Allstate, Amazon)
- Feature — Intro headline with four-up research/product card grid
- Feature — Latest research/products: alternating image-left, text-right rows
- Gallery / Showcase — Organizations grid of partnership/case-study tiles
- CTA / Sign-up — Moody gradient closing CTA band
- Footer — Dense dark multi-column mega-footer