Real cookie that rotate with scroll

We use cookies.

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

©2024 MagicPattern. Founded by Jim Raptis

We also build