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.
Review Before You Buy and Get Special Offer
Explore the Documentation to learn about the item’s features, requirements, setup process, and available options. You can also visit our website to see the author’s current pricing offer and additional details before making your purchase.