Shape Blocks allow you to add visual design elements to your documents with dedicated shape tools. This feature provides three distinct shape types; Square, Circle, and Triangle. Shape blocks enhance your document's visual appeal while maintaining seamless integration within the editor.
How It Works
Shape Blocks operate as dedicated design elements within the editor system. Each shape type comes with built-in styling capabilities including customizable colours, borders, and sizing options. With size locking/unlocking, you can scale shapes with the same aspect ratio, or resize them freely on the canvas.
The shapes use the same responsive design principles as all other blocks, ensuring consistent appearance across different devices and screen sizes while maintaining professional quality output.
Step-by-Step Instructions
Adding Your Shape Block
- Navigate to the location in your document where you want to add a shape
- Click the Build button
- Drag Shape from the block options onto the canvas
Configuring Your Shape
- Click on your shape block to select it
- This opens the shape block settings in your side panel
Shape type
- Square
- Circle
- Rectangle
Width/Height
- Manually adjust the shape size
- Use the lock to lock/unlock the aspect ratio
Background Color
- Set the main colour for the shape
Borders
- Border width
- Border radius (square only)
- Keep the Border Radius at 0px for sharp, clean edges
- Set the Border Radius between 10-50px for modern, approachable shapes with softened corners
- Border colour
Key Features and Benefits
Design Flexibility You have complete control over size, colour, and positioning. Create subtle accent elements or bold focal points that align perfectly with your brand guidelines.
Professional Appearance Clean geometric shapes add visual structure to your documents, helping guide readers through your content and creating natural separation between sections.
Brand Consistency Use your brand colours to create cohesive visual elements that reinforce your company's identity throughout the document.
Responsive Design Shapes created this way automatically adapt to different screen sizes, ensuring your documents look professional on desktop, tablet, and mobile devices.
Easy Customization Modify colours, sizes, and styles instantly without starting over. Perfect for iterating on designs or adapting templates for different clients.
Advanced Styling Options
Border Enhancement Add definition to your shapes by configuring borders:
- Colour: Choose complementary or contrasting colours
- Width: Range from subtle 1px lines to bold 5px borders
- Placement: Apply to all sides or specific edges only
Colour Strategy Consider these professional combinations:
- Corporate: Navy backgrounds with white borders
- Modern: Bright blue with darker blue borders
- Elegant: Charcoal gray with gold accents
Sizing Guidelines Maintain visual balance by keeping shapes proportional to your content. Consistent spacing and sizing across your document creates a polished, professional appearance.
Practical Applications
Visual Separators Create clean section breaks using thin rectangular shapes that span the width of your content area.
Highlight Elements Place circular or rounded shapes behind important statistics, testimonials, or key selling points to draw attention.
Brand Accents Add small decorative elements in your brand colours to reinforce visual identity without overwhelming the content.
Call-to-Action Backgrounds Frame important sections with subtle background shapes that encourage reader engagement.
Common FAQs
Can I layer shapes behind text? Yes! Right click on the shape to bring up layering options to move shapes behind other elements on the page
How do I match my brand colours exactly? Use the hex code input field in the colour picker for precise colour matching. You can also save frequently used colours to maintain consistency across documents.
Related Resources
- Text Block Fundamentals
- Color and Branding Guidelines
- Template Design Best Practices
- Mobile Optimization Tips
Need additional help with shape design or have specific implementation questions? Our support team is here to help you create documents that truly stand out and win more business.
Comments
Please sign in to leave a comment.