craiyon logo

A graphic illustration with a volleyball, palm trees, and waves, with the text 'BEACH VIBES' arched above.

A graphic illustration with a volleyball, palm trees, and waves, with the text 'BEACH VIBES' arched above.

DESIGN FOCUS: Beach, ocean, and summer vibes ELEMENTS NEEDED: - Beach/ocean icons (waves, sun, palm trees) - Summer activity elements - Tropical decorations PROMPT: "Create a beach volleyball SVG with: - Volleyball icon (color-editable, data-field='ball') - 'BEACH VIBES' text (data-field='text1') - Custom team/location text (data-field='text2') - Wave patterns (color-editable, data-field='waves') - Sun and palm tree accents (color-editable) - Summer, energetic feeling" TECHNICAL REQUIREMENTS: - ViewBox: "0 0 500 500" (mandatory) - Include CSS styling in <defs><style> section - Use data-attributes for editable elements EDITABLE TEXT ELEMENTS: - Wrap each text in <g> with data-type="text" - Use unique IDs: user-text-1, user-text-2, etc. - Add data-field attributes: text1, text2, etc. - Apply .text-style class for consistency EXAMPLE TEXT STRUCTURE: <g id="user-text-1" data-type="text" data-field="text1" data-default-font="Bebas Neue" data-default-color="#FF0000" data-default-size="24px"> <text x="250" y="150" class="text-style" font-family="Bebas Neue" font-size="24px" fill="#FF0000">Main Text</text> </g> <g id="user-text-2" data-type="text" data-field="text2" data-default-font="Arial" data-default-color="#000000" data-default-size="18px"> <text x="250" y="200" class="text-style" font-family="Arial" font-size="18px" fill="#000000">Secondary Text</text> </g> COLOR-EDITABLE ELEMENTS: - Icons, shapes, decorations with data-type="color" - Use .color-element class - Unique IDs and See more