Question

Cornerstone Coffee & co An inspirational quotation in an image format

Answer 1

Below is a ready-to-use SVG image you can save as a .svg file (or import into Figma/Illustrator) for Cornerstone Coffee & Co. It includes an original inspirational quote and a simple coffee cup illustration. To use: copy everything between the triple dashes into a text file and save it as cornerstone-quote.svg.

Quote used: "Great days are brewed, one cup at a time."

---
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="1080" viewBox="0 0 1080 1080" role="img" aria-label="Cornerstone Coffee & Co inspirational quote: Great days are brewed, one cup at a time.">
<defs>
<linearGradient id="bgGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#FFF2E0"/>
<stop offset="1" stop-color="#D69A73"/>
</linearGradient>
<filter id="softShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="10" result="blur"/>
<feOffset dx="0" dy="12" result="offsetBlur"/>
<feBlend in="SourceGraphic" in2="offsetBlur" mode="normal"/>
</filter>
</defs>

<!-- Background -->
<rect width="100%" height="100%" fill="url(#bgGrad)"/>

<!-- Soft spotlight circle -->
<circle cx="540" cy="400" r="320" fill="rgba(255,255,255,0.55)"/>

<!-- Coffee cup group -->
<g transform="translate(0,40)" filter="url(#softShadow)">
<!-- saucer -->
<ellipse cx="540" cy="720" rx="220" ry="38" fill="#F5E9E0" opacity="0.9"/>
<!-- cup body -->
<path d="M360 650 q20 -120 180 -120 q160 0 180 120 q0 40 -180 40 q-180 0 -180 -40z" fill="#fffaf6" stroke="#6B3E26" stroke-width="8"/>
<!-- cup inner (coffee) -->
<ellipse cx="540" cy="590" rx="160" ry="36" fill="#6B3E26"/>
<!-- handle -->
<path d="M740 610 q40 10 40 -30 q0 -40 -40 -30" fill="none" stroke="#6B3E26" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
<!-- steam -->
<path d="M460 470 q10 -40 30 -60 q20 -22 12 -48" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" opacity="0.9"/>
<path d="M520 456 q8 -38 28 -54 q20 -16 12 -40" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" opacity="0.9"/>
<path d="M580 462 q10 -30 30 -46 q20 -16 12 -36" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" opacity="0.9"/>
</g>

<!-- Quote text -->
<text x="540" y="340" text-anchor="middle" fill="#3E2B21" font-family="Georgia, 'Times New Roman', serif" font-size="52" font-weight="600" letter-spacing="0.8">
<tspan x="540" dy="-20" font-size="48">"Great days are brewed,</tspan>
<tspan x="540" dy="64" font-size="48">one cup at a time."</tspan>
</text>

<!-- Brand name -->
<text x="540" y="960" text-anchor="middle" fill="#3E2B21" font-family="Helvetica, Arial, sans-serif" font-size="28" letter-spacing="3">
Cornerstone Coffee & Co
</text>

<!-- Optional small tagline -->
<text x="540" y="995" text-anchor="middle" fill="#5A3F31" font-family="Helvetica, Arial, sans-serif" font-size="16">
Brewed for community
</text>
</svg>
---

Notes and quick customization tips:
- To change the quote, replace the tspan text lines.
- To use on Instagram, the file is square (1080×1080). For stories, change width/height to 1080×1920 and adjust elements.
- If your design tool substitutes fonts, the SVG uses Georgia (serif) for the quote and Helvetica/Arial (sans) for the brand.
- To get a PNG, open the SVG in a browser or graphics editor and export as PNG at desired resolution.

If you'd like:
- alternative quote choices,
- a version with your brand colors or logo added,
- a portrait/story-sized variant,
tell me the color preferences, preferred quote, or any logo file and I’ll update it.