Aurem — Creative Agency & Digital Studio WordPress Theme

Aurem is a bold, dark, motion-first WordPress theme for creative agencies, design studios, branding teams, freelancers and digital product makers. It pairs an editorial look — a big display grotesk, an elegant italic serif, ember-to-crimson gradients and a deep ink background — with real interaction: a WebGL “molten silk” hero, scroll-driven GSAP animation, a 3D project ring, a flip-card team deck and buttery smooth scrolling.

Every section is a native Elementor widget (free Elementor is all you need). Aurem ships 38 custom widgets and 13 ready-made pages — Home, Work, Studio/Team, Services, five Service detail pages, Careers, Contact and the Journal blog — plus a unique 404 page, so you can launch a complete studio website in an afternoon and change every word, image, colour and link without touching code.

Under the hood Aurem is built with care: content is fully visible without JavaScript, animations respect reduced motion, menus, accordions and drawers work with the keyboard, every layout is fully responsive from 320px phones to wide desktops, and the theme passes the WordPress Theme Check with no warnings.

Key Features

• 38 custom Elementor widgets — every section of the demo, with full Content and Style controls
• 13 ready pages + Journal blog, single post, archives, search results and a unique 404
• Works with free Elementor — no Elementor Pro needed
• WebGL / Three.js effects — molten-silk shader hero, liquid ember orb, cursor-following distortion image
• GSAP + ScrollTrigger animation — pinned sections, horizontal scroll, scrubbed text, reveals
• Lenis smooth scrolling and a custom magnetic cursor with context labels
• Smart preloader — real loading counter, quick mode on later pages, fully configurable
• Elementor header & footer builder — design them once as templates, used site-wide
• Dropdown menus + fullscreen menu built from WordPress menus (Appearance → Menus)
• Fully responsive — tested at phone, tablet, laptop and desktop widths with no horizontal scroll
• Accessible by design — keyboard navigation, focus states, ARIA, reduced-motion support
• Content visible without JavaScript — animation is an enhancement, never a requirement
• Gutenberg ready — block styles, block patterns, wide/full alignments and a matching editor style
• Powerful Theme Options — preloader, header and footer style, typography, colours, blog, breadcrumb, 404
• One-click demo import (with the One Click Demo Import plugin)
• Translation ready — a single text domain, every string translatable
• Clean, escaped, standards-based code — passes WordPress Theme Check
• Google Fonts — Bricolage Grotesque, Instrument Serif and Manrope

Ready-Made Pages

• Home — WebGL hero, about, services, selected work, clients, team and journal
• Work — 3D project ring hero, filterable project grid with grid / list views, recognition, big CTA
• Studio / Team — faces marquee with live world clocks, team grid with profile drawer, values, life at the studio, careers teaser
• Services — services hero with jump links, discipline chapters with sticky scrollspy sub-nav, packages, process timeline, tools marquee, testimonials
• 5 Service Detail pages — Brand Strategy, Visual Identity, Web Design & Dev, Motion & 3D, Growth & Digital
• Careers — job openings with department filters, live count, deep links and an open-application box
• Contact — contact hero with copy-to-clipboard and office clock, multi-step project brief builder, FAQ
• Journal (Blog) — cover story, topic filters, live search, load more, most read and newsletter block
• Single Post — table of contents, sticky share rail, author box, previous / next, related stories, comments
• Archives & Search — category, tag, author and date archives, styled search results
• 404 “Off the brief” — shader background, cursor spotlight, tilting 4 0 4, smart search, shortcuts and latest stories

38 Elementor Widgets

Global

• Aurem Header — logo, WordPress menu with dropdowns, sliding pill indicator, social icons, fullscreen menu with sub-panels, hide-on-scroll
• Aurem Footer — curtain reveal, live studio clock, proximity-weight wordmark, back-to-top progress ring

Home

• Aurem Hero — WebGL molten-silk shader, animated headline, stats cards, client logos
• Aurem About — Three.js liquid ember orb driven by scroll, count-up numbers
• Aurem Services — accordion with WebGL hover image (RGB split, dissolve), pinned horizontal process
• Aurem Work — sticky project stack, colour spotlight, draggable infinite reel
• Aurem Clients — animated SVG logo wall with tile flips, stroke drawing and a travelling glow
• Aurem Team — card deck that deals in, fans out and spreads, with 3D flip cards
• Aurem Journal — featured stage with venetian-slice image transitions, autoplay and filters

Work

• Aurem Work Hero — 3D rotating project ring
• Aurem Work Projects — category filters with FLIP animation, grid / list views, cursor preview
• Aurem Recognition — awards and press list
• Aurem Big CTA — oversized call to action

Studio / Team

• Aurem Team Hero — faces marquee and live world clocks
• Aurem Team Grid — department filters and an accessible profile drawer (focus trap, Esc, prev / next)
• Aurem Values Accordion
• Aurem Life at Studio — parallax photo mosaic
• Aurem Careers — careers teaser

Services

• Aurem Services Hero — shader background and jump links
• Aurem Discipline Chapters — sticky sub-nav with scrollspy
• Aurem Process Timeline — self-drawing timeline
• Aurem Tools Marquee
• Aurem Testimonials Rotator

Service Detail

• Aurem Service Hero, Service Overview (scrubbed statement), Service Deliverables (spotlight cards), Service Process (pinned horizontal steps), Service Selected Work, Service Stack, Service Packages (tilting pricing cards), Service Testimonial, Service FAQ, Other Services and Service CTA

Careers & Contact

• Aurem Job Openings — department chips, live count, one-at-a-time accordion, deep links to each role
• Aurem Contact Hero — copy-to-clipboard email and phone, office clock
• Aurem Contact Brief — project brief builder with progress meter, validation and success state
• Aurem FAQ — accessible accordion

Every widget includes: editable text, links and images, repeaters for lists, show / hide switches, section anchors for one-page links, and Style controls for colours, typography, spacing and buttons. Changes preview live in the Elementor editor.

Header, Menus & Navigation

• Header and footer built as Elementor templates and applied site-wide
• Uses your WordPress menus — sub-items become dropdowns automatically
• Dropdowns work on hover, keyboard (Tab, Arrow Down, Esc) and touch (first tap opens)
• Active page and its parent highlighted automatically
• Fullscreen menu with numbered links and sub-panels for nested items
• Compact on scroll, hides when scrolling down and returns when scrolling up
• Breadcrumbs on inner pages, posts and archives

Theme Options

• Preloader — on / off, where it shows, behaviour on later pages, logo, labels, minimum time, colours
• Header & Footer — choose the header and footer template
• Typography — body and heading fonts
• Colours — theme colour controls
• Blog — single post breadcrumb background, read more text
• Breadcrumb — background shape image
• 404 Page — title, text, button and an optional custom error image
• Scroll-to-top show / hide
• Backup — export and import your options
• Per-page options — show or hide the page banner / breadcrumb and add body classes

Blog & Gutenberg

• Magazine-style Journal with cover story, topic chips, instant search (press “/”) and load more
• Reading time on every card and post
• Single posts with table of contents, share buttons, author box, previous / next and related posts
• Custom block styles: Aurem accent quote, serif heading, ghost button, rounded image
• Block patterns: pull quote and call to action
• Dark editor style so the post editor matches the front end

Quality & Performance

• Each widget loads only its own CSS and JS on the pages that use it
• WebGL scenes pause when scrolled off-screen and fall back to a gradient where WebGL is unavailable
• The WebGL hover image is desktop-only; touch devices get the accordion thumbnails instead
• Animations honour “prefers-reduced-motion”
• All output escaped; passes WordPress Theme Check with no warnings
• Semantic HTML5 markup, proper heading order and ARIA labels

Requirements

• WordPress 6.0 or higher
• PHP 7.4 or higher
• Elementor (free) — required
• Aurem Library plugin — included and installed from the theme
• One Click Demo Import — recommended for importing the demo

What’s Included

• Aurem WordPress theme
• Aurem Library plugin (Elementor widgets, theme options, templates)
• Demo content (XML, widgets, customizer and theme options)

Credits

• Elementor — page builder
• GSAP & ScrollTrigger — animation
• Three.js — WebGL effects
• Lenis — smooth scrolling
• Codestar Framework — theme options
• Google Fonts — Bricolage Grotesque, Instrument Serif, Manrope
• Images — Unsplash

Note: images used in the live preview are for demonstration only and are not included in the download.

Support

Have a question or found an issue? Contact us through our ThemeForest profile page — we are happy to help, and we keep Aurem updated for new WordPress and Elementor versions.