VISUAL ELEMENTS

Boxes and Containers

Purpose: Group related content and create distinct visual sections.

Best Practices:

• Use subtle borders to separate boxes without overwhelming the design.

• Add padding inside boxes to ensure content has breathing room.

• Use rounded corners to create a friendly, modern look, or sharp edges for a more professional tone.

• Use transparent or slightly tinted backgrounds to emphasize content without distraction.

Accent Lines

• Purpose: Draw attention to key content or frame elements subtly.

• Best Practices:

• Keep them minimal; bold accent lines can overpower the content.

• Use accent lines sparingly to highlight headings or key content areas

• Placement in the, top-left corner of a section

Dividers

• Purpose: Separate sections of content for clarity and organization.

• Best Practices:

• Use thin, light lines for subtle separation, avoiding visual clutter.

• The divider's color should be light grey 

• Apply consistent spacing above and below dividers to maintain rhythm.

• Avoid overusing dividers—use white space as a natural separator when possible.