## Overview

Create a clear overview using freely configurable title and page links. The widget displays a prominent title (with optional page link) and a collection of page links in a visually appealing, color-coded tile format with an icon. It is designed to improve navigation in extensive page structures by providing clear visual signposts that reduce cognitive load.

The widget renders as a styled tile with a colored background, featuring an icon on the left side and the title with page link buttons on the right. It supports 24 Material Design-inspired colors and both FontAwesome and cplace custom icons.

## Use Cases

- **Documentation Portal Entry Pages**: Create visually appealing landing pages for documentation areas with clear entry points to different sections
- **Workspace Navigation Hubs**: Build navigation dashboards that organize content into logical categories and guide users to relevant areas
- **Content Organization**: Create visual hierarchies for complex content structures by organizing related pages under thematic categories
- **Landing Page Design**: Design attractive landing pages with multiple navigation tiles using different colors and icons for a dashboard-like experience

## Design Considerations

Key design aspects include:

- **Fixed layout**: Icon positioned on the left (80px width), content on the right
- **Visual consistency**: 24 predefined color options ensure consistent styling
- **Minimal chrome**: Renders without frame or padding for seamless page integration
- **Button limits**: Page link buttons are limited to 200px width with text truncation; recommend 5-8 links for optimal readability

## Alternatives

- **Breadcrumbs Widget** (`cf.cplace.breadcrumbs.breadcrumbsWidget`): For hierarchical path-based navigation
- **Navigation Tile Widget** (`cf.cplace.navigationTileWidget.widget`): Alternative navigation tile implementation
- **Landing Page Widgets** (`cf.cplace.landingPageFromPage.*`): For quick overview displays and welcome messages