Core Framework
HomeChangelogDashboard
  • 📖Introduction
    • 📝 Overview of Core Framework
    • 💁🏼‍♂️ Target Audience
    • 🔍 Navigation of the Documentation
  • 🚀Getting Started
    • Getting Started with Web App and WordPress
    • Initial Setup and Configuration
    • Video tutorial: First-time setup walkthrough
    • OxyNinja Users
  • 🧩Builder Integrations
    • Overview
    • Oxygen Builder
    • Bricks Builder
    • Gutenberg
  • Figma
    • Getting Started with Figma
    • Create and Manage Variables
    • Editing Elements
  • 💻Navigating the UI
    • Color System
    • Typography
    • Spacing
    • Components
    • Utility Classes & Vars
    • Breakpoints
    • Manage project
    • Remote Import
    • Preferences
  • 📒How to Use
    • Dark Mode
    • Grid System
    • Filters
  • 🎯Marketplace
    • Buying Products
    • Become an Author
    • Author Guidelines
  • 👕Official UI Kits
    • Blocks
    • CoreKit
    • Violet
    • WooCore
    • Style Guide
    • OxyNinja Icons
  • Official Templates
    • Agency
    • Real Estate
  • 🔨Troubleshooting
    • Common Problems
    • FAQ
  • 📖Changelog
    • Changelog
    • Feature Requests
  • Development
    • CoreFramework\Helper
Powered by GitBook
On this page
  • Core Framework
  • Bricks Builder
  • Oxygen Builder
  • HTML
  • Figma
  1. Official Templates

Agency

Introducing the Agency Template – A sleek, modern one-page website designed to empower agencies, freelancers, and businesses with a polished web presence.

PreviousOxyNinja IconsNextReal Estate

Last updated 3 months ago

The Agency Template combines stunning design and seamless functionality, making it the perfect foundation for crafting professional-grade websites in record time. Available for Bricks Builder, Oxygen Builder, raw HTML, and even Figma, this versatile template adapts to your workflow and creative needs.

Built with clean, minimal styling, the Agency Template utilizes the full potential of Core Framework’s variables added to BEM classes, providing effortless customizability and responsive design right out of the box. With dark and light theme support, it’s ready to impress across all industries and audiences.

Check out our walkthrough - a guide from start to finish to help you get started using the Agency template in both Bricks Builder and Oxygen Builder.

Core Framework

If you are using Agency for Bricks Builder and/or Oxygen Builder, then please follow the instructions below to get started with Agency.

  1. Please install Core Framework on your WordPress install. You can download this from the plugin repository. Simply go to Plugins -> Add New Plugin -> Search for 'Core Framework'. Be sure to click on 'Install Now' and then 'Activate':

  1. During the onboarding, you can choose the Variables only setup as Agency uses BEM classes with our variables applied:

  1. At the next step, you can skip the addons for now as we can always add them later, depending on the builder you will use.

  2. Once you have completed the onboarding, inside Core Framework, navigate to Manage Project and then click on the 'Browse files' button under 'Import'.

  3. Be sure to click on 'Overwrite All' -> 'Save Changes'.

Please see below for more specific instructions for each builder.

Bricks Builder

To get started with the Agency template for Bricks, you will need to do the following:

  1. Before anything, be sure to have Bricks Builder installed and activated as a theme.

  2. Navigate to Core Framework -> Addons -> and enter your Bricks Integration Addon license key in the Bricks field, and click 'Activate'.

  1. In WordPress, navigate to Bricks -> Settings -> Templates -> in the 'Remote Templates' section, please add a name such as 'Agency', and then use the URL and Password located in your dashboard.

  2. Finally, you can begin to import the sections when editing a page in Bricks. If you would like to import the example images, then make sure that you toggle on this option when importing the sections:

Oxygen Builder

To get started with the Agency template for Oxygen, you will need to do the following:

  1. First, make sure you have installed the Oxygen plugin.

  2. Navigate to Core Framework -> Addons -> and enter your Oxygen Integration Addon license key in the Bricks field, and click 'Activate'.

  1. In WordPress, navigate to Oxygen -> Settings -> Library -> make sure to check 'Enable 3rd Party Design Sets' -> Save Changes.

  2. Click on 'Add Design Set' and enter your Design Set Key located in your dashboard of Core Framework's website.

  3. Finally, you can begin to import the sections when editing a page in Oxygen Builder.

HTML

Please note: the HTML version of the Agency Template is not yet available on our website, but will be available very soon!

The Agency template is also available as a static HTML file! We have added all of the necessary files and structured everything in folders for you, so you can navigate everything easily.

We have manually implemented the following to the HTML template, to take a huge weight off of your shoulders:

  • Splide JS (for testimonials)

  • CSS logo scrolling

  • Media Queries for responsiveness

  • Custom-made dark toggle with local storage using JavaScript

  • Core Framework's exported CSS

Once you have purchased the HTML version of Agency, you will have access to a download file from your dashboard.

Simply download the .zip file, and extract it on your device in a convenient location.

Use an editor of your choice, such as VSCode, and open the folder. From within VSCode, you can now edit the files and navigate the folders as you please.

Figma

Agency is also available as a Figma file! Once you have completed the purchase for Agency for Figma, you will have access to the Figma file right from your dashboard.

It implements Core Framework's variables, so that your designs remain consistent across Figma and your sites, whether you're building in Bricks, Oxygen or raw HTML!

Locate your Agency Core file (.core) which you can download from your . Use this file to import into the Core Framework plugin.

If you are using the Agency template for Bricks Builder, then you will also require the for Core Framework.

If you are using the Agency template for Oxygen Builder, then you will also require the for Core Framework.

Core Framework dashboard
Bricks Builder Integration Addon
Oxygen Builder Integration Addon
Quickly get set up using our Agency template
The Agency Template is here!
Enter the license key for Bricks Integration Addon.
Be sure to toggle on 'import images' if you would like to import our example images.
Enter the license key for Oxygen Integration Addon.
Page cover image