Role
UI/UX
Client
Confidential
Timeline
2025
Logo Clarke Sport
Scroll Down
01 / Concept
Strategy & Execution
PHASE 1: Building the Emblem (The Shield and Graphics)
Sports logos rely heavily on symmetry, thick outlines, and high contrast to look good from a distance.
- Drafting the Shield Base:
- You start with the main navy blue shield. You can build this by drawing a rectangle, adding an anchor point to the bottom center with the Pen Tool (+), and dragging it down. Then, use the Anchor Point Tool (Shift + C) to curve the bottom edges.
- To get those perfect, even white and navy borders wrapping around it, you select the main shield shape and use
Object > Path > Offset Path. You do this a couple of times with specific millimeter/pixel values to create the inner and outer strokes without having to draw them manually.
- The Dynamic Figures & Top Star:
- For the orange figures reaching up, you’d use the Pen Tool to map out the sharp, swooping bodies, ensuring the curves are smooth. The heads are just perfect circles using the Ellipse Tool.
- To make them pop off the navy background, you give them a thick white stroke. Make sure the stroke is aligned to the outside so it doesn’t eat into the orange shapes.
- The top star is done using the standard Star Tool. Same deal here—add an outer white stroke to separate it from the shield’s border.
- The Central Globe/Ball (Honduran Flag):
- This is the most detailed part. You start with a base circle.
- To get that 3D sphere look, you apply a subtle linear or radial Gradient from dark blue to lighter blue.
- For the flag details (the white wavy band and the five blue stars), you draw the shapes extending past the edges of the circle. Then, you select the circle, copy it, paste it in front (
Ctrl/Cmd + F), select everything, and hitObject > Clipping Mask > Make(Ctrl/Cmd + 7). This perfectly trims the flag details to fit inside the ball.
- The Accent Lines:
- Those vertical white lines on the sides give a sense of speed or wings. You can build these using the Line Segment Tool or thin rectangles, aligning them perfectly using the Align Panel and distributing the spacing evenly.
PHASE 2: Setting the Typography
The text in a sports crest needs to feel grounded and powerful.
- Main Name (“CLARKE”):
- This uses a traditional Serif font in orange. It gives the brand an established, institutional feel, like a historic sports club or academy.
- It sits right on top of the banner. Once the kerning is dialed in, you outline the text to lock it in place.
- The Banner and Tagline (“SPORT”):
- For the white banner shape underneath, you can draw a rectangle and use
Effect > Warp > Arcwith a very slight bend to give it that curved ribbon feel. Then, go toObject > Expand Appearanceto turn it into a solid vector. - The word “SPORT” uses a heavy, extended Sans-Serif font in navy blue. The wide, blocky letters contrast perfectly with the serif font above it, anchoring the whole design at the bottom.
- For the white banner shape underneath, you can draw a rectangle and use
PHASE 3: Laying out the Brandbook
When putting together the brand guidelines for a sports crest, the technical specs are super important because this logo will be printed on lots of different materials (fabric, plastic, paper, screens).
- 1. Concept/Vibe: A page explaining the meaning behind the elements: the shield representing defense/strength, the figures representing teamwork and victory, and the Honduran flag globe highlighting the origin or international reach.
- 2. Grid and Symmetry: Showing a central vertical axis to prove the logo is perfectly balanced on both sides.
- 3. Clear Space: Defining a buffer zone around the shield. You could use the top orange star as the visual measuring unit to ensure no other graphics crowd the crest.
- 4. Minimum Size Challenge: This is critical. Because of the tiny stars inside the globe, the manual must specify exactly how small this logo can be printed before those stars turn into indistinguishable dots.
- 5. Color Palette: Documenting the Navy Blue, the vibrant Orange, the crisp White, and the specific gradient values used in the globe. You need to provide HEX, RGB, CMYK, and ideally, Pantone (PMS) colors, which are essential for getting team apparel printed correctly.
- 6. Typography: Showcasing the Serif and Sans-Serif fonts used so the client can use them for jerseys, rosters, or website headers.
- 7. Crucial Logo Variations: * Full Color: The main version.
- Flat Color: A version where the gradient in the globe is removed, keeping everything as solid, flat vectors (required for screen printing on t-shirts).
- One-Color/Monochrome: A pure black-and-white version. You have to show how the intersecting lines (like where the orange figures overlap the globe) are handled with negative space when only one ink color is allowed. This is absolutely mandatory for things like embroidery or laser engraving.
PHASE 4: Exporting the Final Files
You set up the Asset Export panel to deliver a bulletproof package:
- Vectors:
.AI,.EPS, and.SVG. The flat and monochrome versions need their own dedicated vector files so the printer doesn’t have to guess how to separate the colors. - Rasters: High-res
.PNGfiles with transparent backgrounds for immediate use on social media avatars or livestream graphics. - The Manual: A polished
.PDFthat serves as the rulebook for anyone handling the team’s branding.
02 / Visuals
Next Project →Keep Exploring →Next Project →Keep Exploring →Next Project →Keep Exploring →Next Project →