0

I'm designing a new jersey for our cycling team. Our logo can be white or black text, always with orange 'o' and graphic image.

The jersey is offered in multiple colors : blue, red and green.

Using the plain logo as is, it doesn't standout from the background.

All I can think of is using dropshadow, but this might look dated over time? Leading drop shadow seems to be more readable.

Any other suggestions / design tips? Looking for some advice / insight.

  1. I tried with outline of the objects.
  2. Perhaps a background a bit larger, following the outside of the design?
  3. Note : we can't use gradients / blur.

WeTransfer link : Source files

Black drop shadow

Logo Jerseys black drop shadow

Accent color drop shadow (more subtle than black, perhaps lacking contrast on red design)

Accent color logo Jerseys accent drop shadow

2
  • Hi. Welcome to GDSE. There is no right answer here, and will probably depend on opinion. In my opinion, the drop shadow makes the smaller text less legible. Perhaps just simplify it to a black stroke around the text. – Billy Kerr Jan 5 at 13:41
  • I don't think you need anything. Contrast is high enough without any shadows.... and, personal opinion... shadows all appear as an afterthought and less "high-end". -- The choice of a red jersey when the logo uses orange may be another matter. If jersey colors are set.. I'd consider rethinking the logo colors. If jersey colors are not set.. then I'd change the red. – Scott Jan 5 at 18:49
2

enter image description here

Here is another possible solution.

I executed this with the Transform Each tool in Illustrator. Select the logotype text and navigate to Object > Transform Each. Than you put in Move 0,1px (whatever your preference is) Horizontal and Vertical. And click 'OK'. After that You copy this action by doing Control+D of Command+D. I hope this helps.

enter image description here

Edit:

Ooh sorry, I forgot the mention that part of the section.

As follows: You take the those copied object from step 1 and unite them with Pathfinder. Except for one layer, that becomes the with text. See image below. enter image description here

Next you select the new united objects and go to Object > Path > Offset Path...

At last you get the Offset Path window. In this section you can try and experiment how thick you want your border around the hard shadow. With the Offset part. As seen in image below.

enter image description here

I hope this explanation is clear enough for you. It's kind of a weird method I suppose. If you got any suggestions or questions please ask.

2
  • I tried your suggestion Object > Transform Each, this moves multiple objects relative to their own reference points. What are the other steps to end up with the black area around the text? – user2215655 Jan 6 at 8:27
  • I've made an edit in my original answer. Let me know what you think. – StudioJuin Jan 6 at 12:51
0

First off, I think the harsh shadow works fine as does the version without the shadow imho.

Maybe you can try to blend the shadow layer by trying some blending options such as Multiply so it doesn't look that harsh.

Are the teal, red and blue colours part of the brand identity? If not, perhaps you can try and take a lesser bright colour scheme?

Other than that you can try and play with a sort of black banner square underneath the logo. But that doesn't feel quite right in this context.

As what @Billy Kerr said; there is no right answer. Try and play with the elements and print those design so you can take another look at it.

1
  • Are the teal, red and blue colours part of the brand identity? Yes, they are. It's a redesign of our 2016 cycling kit. we want to keep the link with the original design. – user2215655 Jan 5 at 14:25
0

Here's one possible solution. I don't personally like the drop shadow around the smaller text. To me it looks quite illegible.

If you add a stroke, then add it around the white filled text, don't just stroke the text. For example, this was done in Adobe Illustrator in the Appearance panel by moving the Stroke under the white Fill.

enter image description here

3
  • Would you put the stroke on all objects? If only on the subtext it takes away the focus on the main subject, 'Tornado'. I'll give it a try. – user2215655 Jan 5 at 14:27
  • @user2215655 Yes, why not. Keep it consistent at least. – Billy Kerr Jan 5 at 14:30
  • Moving the Stroke under the white Fill is a great tip, I didn't think of this. – user2215655 Jan 6 at 8:25
0

Making a light text readable on a light background is tough, especially if it has to be visible from a distance. Have you considered adding a black abstract splat as a background for your logo? This way it will be readable no matter what color the background is, and can still look cool. Right now, that orange tornado is barely visible on the red background, so an option with an "abstract splat" seems to be the most viable.

1

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.