Real cookie that rotate with scroll

We use cookies.

Back

Unique patterns from your branding assets

Written by Jim Raptis

Aug 3, 2021

Unique patterns from your branding assets

Create patterns from your branding assets

In this tutorial, I'll show you how to use MagicPattern to create graphics aligned to your unique graphics. These graphics can fuel your marketing campaigns, your landing page, and your branding guidelines.

For demonstration purposes, we'll use the Glyphs app and we'll extract their branding assets to create unique graphics.

notion image
 
 

STEP 1: Extract the branding elements

notion image
 

To define their branding, we need two things.

  1. A strictly defined color palette
  1. Their logo and/or branding elements

As you can see, the Glyphs branding consists of the above geometric shapes and a greenish color palette.

The first step is to re-create these shapes in SVG format. I've used Figma but feel free to leverage your own favorite design tool.

To create a shape pack compatible with MagicPattern check this in-depth guide.

 
notion image
 

STEP 2: Import the color palette in MagicPattern

To import your color palette, you need the HEX color codes for each individual color.

notion image

Then, you open your brand guidelines page and click the "Create New" color palette button. There are two options to import your own colors:

  1. Import each color, one after the other, or
  1. Use the bulk import feature and type in all the hex codes separated by commas
 
notion image
 

STEP 3: Import your SVG shapes in MagicPattern

Open the Geometric Patterns tool and click the "Create custom pack" button at the bottom of the left sidebar.

Then, click the "Upload your SVG shapes" button to import your branding elements.

 
notion image
 

Your pack will be created in seconds and it will be available at the left sidebar which includes all the available shape packs.

STEP 4: Generate your unique branded graphics

You're almost ready!

Now, you just need to choose your newly created pack, your color palette and play around with all the customizable attributes to create your desired graphics.

It's optional but you can save your final pattern to easily re-use it in the future!

 
 

Thanks for reading! Cheers!

 

Create Unlimited Graphics
In Seconds.

The easiest way to brand your business uniquely

MagicPattern Geometric Patterns Editor Preview
  • Brand your product, website, business uniquely.
    Create Unlimited Beautiful backgrounds.

  • Product

    Social Media Editor

    Geometric Patterns Generator

    Seamless Patterns Generator

    Mesh Gradients Generator

    API Docs

  • Free Tools

    CSS Patterns

    Blob Generator

    Doodle Backgrounds

  • Company

    About

    Blog

    Changelog

    Join Affiliate Program

  • Legal

    Privacy Policy

    Cookies Policy

    Terms

©2021 MagicPattern. Founded by Jim Raptis