Role
UI/UX
Client
Confidential
Timeline
2025
Marbella Logo Design
Scroll Down
01 / Concept
Strategy & Execution
PHASE 1: Building the Line-Art Icon
This symbol is all about perfect symmetry, consistent stroke weights, and precise spacing.
- Setting the Foundation (The Arches):
- You want to build one side perfectly and then mirror it. Start with the Pen Tool (P) or a Rounded Rectangle with the bottom chopped off to create that upside-down “U” shape.
- Give it a solid white stroke. To get those parallel lines perfectly spaced, select the path and go to
Object > Path > Offset Path. Do this a couple of times with the exact same pixel/millimeter value to create the inner and outer strokes. - Group that right arch, copy it, paste it in front (
Ctrl/Cmd + F), and use the Reflect Tool (O) to flip it horizontally for the left side.
- The Palm Tree:
- The trunk is a simple triangle tapering upwards.
- For the fronds, draw one perfect curved stroke with the Pen Tool. Then, grab the Rotate Tool (R), click at the base of the leaves to set your anchor point, and duplicate the stroke in a circular pattern.
- The Diagonal Cuts & Details:
- To get those sweeping diagonal lines cutting through the bottom stems, just draw the curved strokes across the whole design.
- Select everything, grab the Shape Builder Tool (Shift + M), hold down
Alt/Option, and just click and drag over the pieces of the lines hanging outside the arches to snip them off perfectly. - Finally, drop in the abstract circles—one solid fill on the left, one stroke on the right—using the Ellipse Tool (L).
PHASE 2: Typography and Alignment
The contrast between the two fonts here is what makes the lockup work.
- Main Name (“TRIUMVIRA”):
- You went with a really classic, elegant Serif font with high contrast (thick and thin lines in the letters). It grounds the airy, uniform line art of the icon above it.
- The kerning looks well-balanced. Once it’s set, outline the text (
Shift + Ctrl/Cmd + O).
- The Tagline (Once corrected to “REAL ESTATE”):
- This is a heavy, italicized Sans-Serif font. The italics add a nice touch of forward momentum.
- To get those horizontal lines on the sides, draw one with the Line Segment Tool, duplicate it to the other side, and use the Align Panel (distribute spacing) to make sure the gap between the lines and the text is exactly the same on both sides.
PHASE 3: Laying out the Brandbook
Because this is a luxury real estate brand relying on line art, the rules for how it’s used need to be very strict to keep it looking premium.
- 1. Concept & Vibe: A page breaking down the visual elements—the arches (representing architecture/doors), the palm tree (location/exclusivity), and the abstract geometric layout.
- 2. Stroke Weight Rules: Just like the bakery logo we looked at, the manual must specify the stroke weight. You need to explicitly state whether the strokes should scale proportionally when the logo is resized (
Scale Strokes & Effectssetting) so the arches don’t turn into thick, muddy blocks when printed on a small business card. - 3. Clear Space: You could use one of the floating circles from the icon as the required buffer zone around the entire logo lockup.
- 4. Minimum Size Limit: Determine the smallest size this can be printed before the parallel lines in the arches bleed into each other.
- 5. Color Palette: This design looks fantastic as pure white over a dark background. You need to document the exact Hex, RGB, and CMYK codes for that specific charcoal/slate gray background gradient, as it’s a huge part of the brand’s identity.
- 6. Typography: List the Serif and Sans-Serif font families so the real estate agents know what fonts to use for their property brochures and “For Sale” yard signs.
- 7. Positive/Negative Versions: Show how the logo reverses. What does it look like printed in solid black or dark gray ink on a white letterhead?
02 / Visuals
Next Project →Keep Exploring →Next Project →Keep Exploring →Next Project →Keep Exploring →Next Project →