1Primary Logo
The full logo — iris brandmark + circle lockup with "Petals & WINGS" knockout text.
Use for:
Color version for light/white backgrounds. White version (with color iris + white border + #F3EEF7 circle fill) for dark backgrounds, purple sections, hero banners, dark photography overlays.
- Website header — main navigation bar logo
- Print collateral — business cards, letterhead, brochures, flyers
- Signage — storefront, market booth banners, event displays
- Packaging — shipping boxes, tissue paper, plant tags
- Email signatures — the default logo for all communications
Color version for light/white backgrounds. White version (with color iris + white border + #F3EEF7 circle fill) for dark backgrounds, purple sections, hero banners, dark photography overlays.
☀️ Color — Light Background
🌙 White — Dark Background
2Brandmark
The iris flower illustration on its own — the most recognizable element of the brand.
Use for:
Color is default. White for dark backgrounds or photo overlays. Dark for single-color print (stamps, engraving).
- Watermarks — on photography, invoices, documents
- Decorative accents — website section dividers, backgrounds, patterns
- Merchandise — embroidered on hats, totes, aprons
- Stickers & stamps — wax seals, thank-you stickers
- App/loading icons — where the full logo is too complex
Color is default. White for dark backgrounds or photo overlays. Dark for single-color print (stamps, engraving).
🌸 Color
⬜ White
⬛ Dark
3Wordmark
The "Petals & WINGS" type treatment with knockout effect — text only, no icon or circle.
Use for:
Color on light backgrounds. White on dark/photo backgrounds. Dark for single-color applications.
- Website footer — clean text-only brand presence
- Horizontal layouts — where vertical space is limited (nav bars, banners)
- Co-branding — paired alongside partner/sponsor logos
- Print headers — invoices, packing slips, letterhead secondary placement
- Social media bios — subtle branding in cover photos or stories
Color on light backgrounds. White on dark/photo backgrounds. Dark for single-color applications.
🎨 Color
🌙 White
4Stacked Badge
Everything inside one circle — iris, "Petals & WINGS" knockout text, and tagline. Self-contained badge format.
Use for:
The badge format works better than the primary logo for any application that needs a compact, self-contained mark.
- Signage & banners — market booth signs, farm stand displays, yard signs
- Merchandise — t-shirts, tote bags, hats (front/center placement)
- Stickers & labels — circular die-cut stickers, plant labels, jar labels
- Square layouts — Instagram posts, business card backs, coasters
- Embroidery — polo shirts, aprons, caps (single contained shape embroiders cleanly)
The badge format works better than the primary logo for any application that needs a compact, self-contained mark.
☀️ Color — Light Background
🌙 White — Dark Background
5Monogram
The "PW" lettermark — the most minimal brand identifier.
Use for:
- Watermarks — subtle branding on photos, documents
- Embossing / debossing — business cards, leather goods, wax seals
- Patterns — repeating monogram on tissue paper, gift wrap, backgrounds
- Tiny placements — pen clips, jewelry charms, button pins
🎨 Color
⬜ White
6Monogram Badge
The PW monogram inside a purple circle — reads at any size, crops perfectly to circles.
Use for:
Anytime you need the brand in a circle crop — this is it.
- Social media profile photos — Instagram, Facebook, Pinterest, TikTok, Google Business
- Chat avatars — WhatsApp, Messenger, email sender icons
- App icons — if P&W ever has a native app or PWA
- Map pins — Google Maps listing, Apple Maps
- Circular stamps — loyalty cards, thank-you seals
Anytime you need the brand in a circle crop — this is it.
☀️ Light Background
🌙 Dark Background
7Ad Mark
Simplified iris mark optimized for tiny sizes — retains brand recognition even at 32px.
Use for:
Shown at actual pixel sizes below — this is how they'll look in real use.
- Digital ads — Google Ads, Facebook/Instagram ad thumbnails, display banners
- Photo watermarks — subtle corner placement on product/field photography
- Email icons — small logo in newsletter headers or footer badges
- Browser extension / toolbar icons
Shown at actual pixel sizes below — this is how they'll look in real use.
8Favicon
Browser tab icons and app icons — the PW badge at every required size plus legacy .ico.
Use for:
These are automatically referenced in the site's HTML <head> — no manual placement needed.
- Browser tabs — the tiny icon next to the page title (16px, 32px)
- Bookmarks bar — when users save the site (32px, 48px)
- Apple Touch icon — iPhone/iPad home screen shortcut (180px)
- Android PWA — "Add to Home Screen" icon (192px)
- Splash screen — app store listing, PWA launch screen (512px)
- Legacy .ico — older browsers, Windows shortcuts
These are automatically referenced in the site's HTML <head> — no manual placement needed.
Apple Touch
Android PWA
Splash / Store
Legacy
9Social Media
Ready-to-upload profile photos and link share cards.
Profile Photos (200×200 & 400×400):
Share Cards (OG & Twitter):
These are embedded in the site's meta tags — they show up automatically when anyone shares a PetalsWings URL.
- Instagram, Facebook, Pinterest, TikTok — profile picture upload
- Google Business Profile — business listing photo
- Etsy, Shopify — store logo
- Email marketing — sender avatar (Mailchimp, Klaviyo)
Share Cards (OG & Twitter):
- Open Graph (1200×630) — the preview image when someone shares a link on Facebook, LinkedIn, Discord, iMessage, WhatsApp, Slack, or any platform that reads og:image
- Twitter/X Card (1200×675) — the preview image on Twitter/X specifically (slightly different aspect ratio)
These are embedded in the site's meta tags — they show up automatically when anyone shares a PetalsWings URL.
Profile Photos
👤 Profile 200 × 200
👤 Profile 400 × 400
Share Cards
🔗 Open Graph — 1200 × 630
🐦 Twitter / X Card — 1200 × 675
