Aurix - AI-directed Creative Studios Template for Figma

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.

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.