Below is a clean, modern logo concept for Luna Roast (minimal crescent + coffee bean), plus practical specs you can use to finalize it in Figma/Illustrator.
Concept
- Icon: crescent moon (night / “Luna”) wrapping a coffee bean (roast)
- Style: flat, geometric, easy to reproduce in 1 color
- Works as: storefront sign, cup stamp, social avatar
Suggested palette (modern + coffee)
- Midnight Navy:
#0B1020 - Roast Copper:
#B87333 - Cream (background option):
#F6F1E7
Typeface suggestions (free, modern)
- Primary: Poppins / Montserrat / Sora (SemiBold for “Luna”, Regular for “Roast”)
- Keep letter spacing slightly open: tracking
+2to+20(depends on font/size)
Ready-to-edit SVG (icon + wordmark)
Paste into Figma/Illustrator (fonts may substitute if you don’t have Poppins installed).
```svg <svg width="900" height="240" viewBox="0 0 900 240" xmlns="http://www.w3.org/2000/svg"> <defs> <style> .navy { fill: #0B1020; } .copper { fill: #B87333; } .steam { fill: none; stroke: #B87333; stroke-width: 6; stroke-linecap: round; } .word { fill: #0B1020; font-family: Poppins, Montserrat, Arial, sans-serif; } </style> </defs>
<!-- Icon --> <g transform="translate(40,20)"> <!-- Crescent moon using even-odd fill (outer circle minus offset inner circle) --> <path class="navy" fill-rule="evenodd" d=" M180 100 A70 70 0 1 0 40 100 A70 70 0 1 0 180 100 M210 80 A70 70 0 1 1 70 80 A70 70 0 1 1 210 80 "/>
<!-- Coffee bean --> <ellipse class="copper" cx="120" cy="120" rx="22" ry="32"/> <path d="M110 95 C125 115, 115 135, 130 155" stroke="#F6F1E7" stroke-width="5" fill="none" stroke-linecap="round"/>
<!-- Steam --> <path class="steam" d="M95 70 C85 58, 88 45, 98 35"/> <path class="steam" d="M125 66 C115 54, 118 41, 128 31"/> <path class="steam" d="M155 70 C145 58, 148 45, 158 35"/> </g>
<!-- Wordmark --> <g transform="translate(260,88)"> <text class="word" x="0" y="0" font-size="64" font-weight="700">Luna</text> <text class="word" x="0" y="62" font-size="44" font-weight="400" letter-spacing="2">ROAST</text> <!-- Accent line --> <rect x="0" y="78" width="140" height="6" fill="#B87333" rx="3"/> </g> </svg> ```
Quick usage rules (so it stays “modern”)
- One-color version: set all fills/strokes to a single color (navy or black) for stamps/embossing.
- Clear space: keep at least the width of the bean (
~44pxin the SVG) as padding around the icon. - Minimum size: icon should be ≥ 24px tall for legibility (steam lines can be removed below that).
If you want an even more minimal variant
- Remove steam lines entirely.
- Replace bean with a single circle (espresso “dot”) inside the crescent.
You can use the SVG as-is, or tweak spacing/colors while keeping the same structure for a consistent brand system.