# Introducing Linearity AI by Linearity

An introductory product promo highlighting Linearity's AI visual production platform, which contrasts standard AI image generators by producing fully editable vector and graphic layouts from single prompts.

- Company: Linearity
- Year: 2024
- Duration: 0:57
- Type: Explainer
- Objective: Differentiate
- Industry: Creative tools
- Audience: Creator
- Medium: Product UI, Typography, 2D animation
- Style: Bold, Minimal, Playful
- Techniques: Kinetic type, UI choreography, Mask transitions, Camera move
- Structure: Problem → solution
- Pace: Moderate
- Audio: Voiceover
- Format: Landscape

## Observations

- Combines clean kinetic typographic layouts with crisp animated UI mockups on a dot grid canvas.
- Contrasts the locked, un-editable output of raster generative AI tools with Linearity's vector-based editable layouts.
- Features fluid interactive UI demonstrations including font changing, color picking, and layer manipulation.

## Moments

### 0:00–0:12 · The Problem with Existing AI Tools

Graphic AI tool logos appear and generate a flat image represented as a locked asset that teams cannot edit.

Tags: Kinetic type, Problem

Link: https://motionreference.com/reference/4bb8a43e-3cf8-45a4-a4c7-f51567716cc6?t=0 · Moment id: `4bb8a43e-3cf8-45a4-a4c7-f51567716cc6-m0`

### 0:12–0:21 · Meet Linearity

Linearity brand reveal and introduction to turning a single text prompt into a full visual design layout.

Tags: Product UI, Introduction

Link: https://motionreference.com/reference/4bb8a43e-3cf8-45a4-a4c7-f51567716cc6?t=12 · Moment id: `4bb8a43e-3cf8-45a4-a4c7-f51567716cc6-m1`

### 0:21–0:34 · Fully Editable Elements

A generated ad shows how text can be retyped, color swatches adjusted, and layout elements freely repositioned.

Tags: UI choreography, Product demo

Link: https://motionreference.com/reference/4bb8a43e-3cf8-45a4-a4c7-f51567716cc6?t=21 · Moment id: `4bb8a43e-3cf8-45a4-a4c7-f51567716cc6-m2`

### 0:34–0:42 · Staying On-Brand

Demonstrating how font styling and brand colors remain editable and aligned with project design guidelines.

Tags: Typography, Branding

Link: https://motionreference.com/reference/4bb8a43e-3cf8-45a4-a4c7-f51567716cc6?t=34 · Moment id: `4bb8a43e-3cf8-45a4-a4c7-f51567716cc6-m3`

### 0:42–0:50 · Multi-Format Campaign Scaling

Generating cross-channel variations including ads, social stories, and banner sizes in minutes.

Tags: Scaling, UI choreography

Link: https://motionreference.com/reference/4bb8a43e-3cf8-45a4-a4c7-f51567716cc6?t=42 · Moment id: `4bb8a43e-3cf8-45a4-a4c7-f51567716cc6-m4`

### 0:50–0:57 · Call to Action

Closing typography highlighting the speed advantage and providing the call to try linearity.io.

Tags: Kinetic type, Call to Action

Link: https://motionreference.com/reference/4bb8a43e-3cf8-45a4-a4c7-f51567716cc6?t=50 · Moment id: `4bb8a43e-3cf8-45a4-a4c7-f51567716cc6-m5`

## Links

- Motion Reference page: https://motionreference.com/reference/4bb8a43e-3cf8-45a4-a4c7-f51567716cc6
- Watch: https://attachments.are.na/51410782/6016d3e3c4cd7fe30154a10138b0f3b1.mp4?1792009597
- Original: https://x.com/linearityhq/status/2110362970119454745/video/1
- Video id: `4bb8a43e-3cf8-45a4-a4c7-f51567716cc6` (use with the MCP tools get_reference, get_breakdown and get_related_references)

Cite the Motion Reference page and credit Linearity when you use this.