Aurix is a premium Figma UI kit for AI-directed creative studios, generative media
agencies, and modern production companies. Built around a rigorous design system,
it gives you four complete homepage variants – Cinema, Studio, Agency, and Editorial
- each with a distinct color personality via Figma variables.

The file ships self-contained. All 44 components live locally in the Components page.
Text styles are organized under a single namespace so the Styles panel stays clean
and scannable.

Designed for creative and branding agencies, AI video and generative media startups, Independent filmmakers and directors, Motion and post-production studios, Solo creators building a serious web presence, Digital product studios launching AI tools, Founders who want to look like a real studio on day one.

16 layouts

FEATURES

Design System

4 color variations (Cinema, Studio, Agency, Editorial) powered by Figma Variables
15 color tokens per color variation: base, surface, elevated, border, text, accent,
atmosphere, and ghost border
43 text styles organized under the aurix/ namespace – zero orphan styles
Effect styles for button hover states and glow effects, symmetric across all color variations
8px base spacing scale throughout
Zero external library dependencies—fully self-contained

Components

44 local components, 9 component sets
Buttons: Primary, Primary with Icon, Ghost, Ghost with Icon
Navigation: Header, Dropdown menu
Cards: Feature card, Project tile, Post/Essay card, Pricing card, Portfolio tile
Forms: Input field
Badges, labels, breadcrumbs, project title badges
Footer, atmosphere mesh background component
All components built with Auto Layout

Pages and Frames

16 full-page frames at 1920px width
4 homepage variants, each with full section content
12 inner pages covering every standard site section
“No Images” page included—all image fills replaced with neutral placeholders
(useful for proposals, presentations, and print previews)
Experimental page: Editorial Light variant exploring a warm editorial light palette

Layer Quality

>

All frames bound to their variable collection scope
All text nodes linked to named styles—zero unlinked nodes
All fills bound to variables—zero hardcoded colors
Zero default layer names (Frame N, Group N)
Descriptive section naming matching the HTML companion

Buyer Experience

Token names match CSS custom property names (aurix/h2 =—color-lime, etc.)
Color styles via Figma variables
Components page organized by category with clear hierarchy
No Images page ready for client presentations without placeholder images

-PAGES INCLUDED (16 total) -

Home 01 – Cinema (dark base, lime #D7FF4A accent)
Home 02 – Studio (dark base, sky blue #6FCCFF accent)
Home 03 – Agency (dark base, molten orange #FF6B35 accent)
Home 04 – Editorial (dark base, terracotta #C15B2E accent)
About
Services
Pricing (with project/retainer toggle)
Journal (blog listing)
Post Article (single blog post)
Contact
Common Questions (FAQ with category tabs)
Portfolio
Careers
Team
Changelog
404 Error

Note:

All images are just used for preview purposes only. They are not part of the template and are NOT included in the final purchase files.

Aurix - AI-directed Creative Studios Template for Figma