AI Media Firm logo
AI MEDIA
DESIGN SYSTEM
Let's Talk
Cinematic portrait of futuristic woman with neon AR visor
Design System v1Mobile First

Cinematic AI
video that moves brands.

We turn ideas into high-impact AI video that connects, converts, and performs.

Trusted bySolaraNekoraLumenOrbitVanta
91%
Use video
96%
Watch explainers
85%
Buy after video
01Foundations

Design DNA

Four traits power every screen we ship.

Bold

Big type and strong visuals get attention fast.

Clear

Simple layouts make messages easy to get.

Futuristic

Neon, depth, and motion create a next-gen feel.

Fast

Smooth motion and smart UI keep things moving.

02Color System

Neon meets depth

Dark base for premium feel. Purple and cyan for future energy.

#7C4DFF
Electric Purple
#00D4FF
Neon Cyan
#2563EB
Deep Indigo
#05050F
Black Night
#F4F7FF
White Mist

Neon colors bring energy. Dark base adds depth. High contrast keeps everything clear.

03Typography

Sora, only.

One typeface, four weights. Sharp enough for a high-end AI studio.

Aa
Sora ExtraBold · Display
Hero & section headlines.
The future is visual.
Sora SemiBold · Heading
Section titles & key lines.
Cinematic AI video that connects.
Sora Regular · Body
Clean and easy to read.
AI MEDIA FIRM
Sora Medium · UI
Labels and small UI text.
04UI Components

Built from simple blocks.

CTAs, cards, stats, labels, inputs — all touch-first.

Primary & Secondary CTA
Cinematic AI Video

High-impact videos built with the power of AI.

Learn more
128%
Avg. Engagement Lift

Across our AI video campaigns.

Section Label
05Icon System

Simple lines, neon glow.

Recognizable at a glance, even in motion.

Play
Spark
Camera
Waveform
Bolt
Orbit
06Motion

Move just enough to guide.

Premium feel, never noisy. Motion supports the message.

Reveal on scroll

Elements fade in as you scroll.

Soft glow pulse

Subtle glow creates life and energy.

Hover & tap lift

Cards lift on touch or focus.

Floating orbs

Orbs drift slowly in the background.

Scan line

Subtle scan line adds tech mood.

Smooth transitions

Sections slide with soft easing.

07Visual Assets

Cinematic imagery.

4K-style visuals, neon depth, strong contrast. Images carry the brand.

Neon Tokyo streetEditorial
Liquid chrome3D
Creator portraitHuman
Neon sphereObject
Cinematic facePortrait
Neon torusGeometry
Production teamCrew
UI macroInterface
Neon blobForm
08Homepage Story

The page, step by step.

Same story, adapted for every screen.

  1. 01
    Hero

    Big promise. Clear CTA.

  2. 02
    What We Produce

    Show the main services.

  3. 03
    Why We Exist

    Our purpose and drive.

  4. 04
    Why Choose Us

    Benefits that matter.

  5. 05
    Video Stats

    Proof with real numbers.

  6. 06
    Process

    How we work together.

  7. 07
    Final CTA

    One last nudge to act.

09Responsive

Built for all screens.

Cinematic AI

Video that moves brands.

High-impact AI video for brands and social.

AI Avatars
Explainers
Social
Campaigns
Responsive grid

Looks perfect on any device.

Touch friendly

Big buttons and easy taps.

Fast & smooth

Optimized for speed.

Accessible

High contrast and clear focus.

10Why this works

Bold, but easy to read.

Big text wins

People get it in seconds.

Dark space premium

Clean, calm, focused.

Soft edges feel kind

Rounded cards, smooth feel.

Purple + cyan

Futuristic without losing clarity.

Touch first

Every target sized for thumbs.

Ready when you are

Let's build something cinematic.

One idea becomes a full campaign — ads, social, sales, training, and the web.

AI Media Firm
AI Media Firm
Visuals that move. Stories that stick.
© 2026 · Design System v1