www_circl/src/features/img

Features Page Images

This directory contains images specifically used in the features page sections.

Directory Structure

features/
├── img/
│   ├── icons/        # Feature icons and symbols
│   ├── screenshots/  # Product/feature screenshots
│   └── diagrams/     # Workflow and process diagrams

Usage

When adding images to this directory:

1. Use descriptive filenames (e.g., feature-analytics.svg, dashboard-demo.webp)
2. Maintain consistent icon styles
3. Keep screenshots up-to-date with the latest UI

Example

<!-- In features page -->
<img src="features/img/icons/analytics-icon.svg" alt="Analytics Feature">

Recommended Image Formats

• Use SVG for icons and diagrams
• Use WebP or PNG for screenshots
• Use optimized formats for interactive demonstrations
• Consider providing dark/light mode variants

Image Guidelines

1. Feature Icons:

   • Consistent style and color scheme
   • Clear, recognizable designs
   • Scalable vector formats when possible

2. Screenshots:

   • Current product interface
   • High-resolution captures
   • Properly cropped and aligned

3. Diagrams:

   • Clear workflow representations
   • Consistent styling
   • Easy to understand at a glance