Make a web banner.

Watch the short tutorial video above to see all the steps. Then download the free trial of Adobe InDesign, along with sample assets to practice with.

Tools

Assets

Get the sample assets. We’ve put them in an Adobe Creative Cloud Library for you.

Draw a solid shape.

Select the Rectangle tool. Double-click the foreground color to open the Color Picker. Set thecolor to 25% Red, 64% Green, and 52% Blue. Click OK. Draw a shape filled with your dark green color.

Add text.

Using the Type tool, click and drag to make a text box. In the Properties panel, choose the Sofia Pro Medium typeface. Set size to 36 and kerning to -10.

Start creating elements.

 Type your brand name, and then change the type color. With the Rectangle tool, add a blue vertical bar.

Add elements from the Creative Cloud library.

Drag the logo in from the library. Then click and drag to adjust the size of the logo. Repeat this process with the flower icon.

Align the elements.

Select the vertical bar, the logo, and the flower icon. In the Properties dialog, click the Align Vertical icon.

Repeat and finish.

Make a Group out of the elements in the vertical bar. Copy the Group several times and give each new Group a different background color. With the Type tool, add the product name.

Try more tutorials

Explore the rest of our series on designing a brand system, featuring the work of designer Javier Garcia.

Javier Garcia

San Francisco–based graphic designer Javier Garcia grew up in Mexico, where his early influences included skateboarding culture and punk and electronic music. In his work, he strives to always simplify. His process starts with taking things apart and flipping things around.

Creativity for all.

Photography, video, design, UI and UX, 3D and AR, and social media. Creative Cloud has everything you need, wherever your imagination takes you.