Section with a central image surrounded by highlights (features). 4 available layouts including the unique radial mode with circular positioning.
Image Features
The Image Features section showcases a central image surrounded by feature highlights with icons. Ideal for presenting product benefits, your brand values or service characteristics.
4 layouts
| Layout | Description | Ideal for |
|---|---|---|
| Radial | Features arranged in a circle around the image | Hero product, "why choose us" |
| Left | Image on left, features in a column on right | Classic product presentation |
| Right | Image on right, features in a column on left | Product presentation variant |
| Grid | Image on top, features in a grid below | Many features, overview |
ℹ️The Radial layout is the most visually impactful and a distinctive element of Scale Theme. Features automatically position themselves around the image based on their count, or can be manually placed on "clock" positions (1 o'clock to 12 o'clock).
Main settings
Layout and spacing
| Setting | Description | Options | Default |
|---|---|---|---|
| Layout | Feature arrangement | Radial / Left / Right / Grid | Radial |
| Mobile layout | Mobile arrangement | Stack / Grid | Stack |
| Feature distance | Distance from the image (Radial mode) | Close / Far | Close |
Image
| Setting | Description | Options | Default |
|---|---|---|---|
| Image | Central image | Image picker | - |
| Image size | Image dimensions | Small / Medium / Large | Medium |
| Image shape | Container shape | Square / Rounded / Circle | Circle |
| Image shadow | Drop shadow | None / Soft / Strong | Soft |
Badge
| Setting | Description | Options | Default |
|---|---|---|---|
| Badge text | Text displayed in the badge | Free text | - |
| Badge position | Badge corner | Top-left / Top-right / Bottom-left / Bottom-right | Top-right |
| Badge style | Badge appearance | Accent 1 / Accent 2 / Dark | Accent 1 |
Connections (Radial mode)
| Setting | Description | Options | Default |
|---|---|---|---|
| Show connections | Lines between the image and features | On / Off | Off |
| Connection style | Line type | Line / Dashed / Dotted | Dashed |
| Connection color | Line color | Accent 1 / Accent 2 / Foreground | Accent 1 |
Icons
| Setting | Description | Options | Default |
|---|---|---|---|
| Icon size | Icon dimensions | Small / Medium / Large | Medium |
| Icon style | Background appearance | Plain / Circle / Circle Outline | Circle |
| Icon position | Icon placement | Left / Top | Left |
Available blocks
Heading block (limit 1)
| Field | Description |
|---|---|
| Subtitle | Text above the title |
| Title | Section main title |
| Title level | H1 / H2 / H3 / H4 |
| Title size | Scale in percentage (50-200%) |
Text block (limit 1)
| Field | Description |
|---|---|
| Description | Rich text paragraph below the title |
Feature Item block
Each feature is an individual block. Up to 12 features maximum.
| Field | Description |
|---|---|
| Icon | Material Design icon from the library |
| Custom icon | Image to replace the icon |
| Title | Feature name |
| Description | Short descriptive text |
| Position | "Clock" position (1-12) or Auto (Radial mode only) |
| Icon color | Accent 1 / Accent 2 / Foreground / Custom |
| Custom color | Custom HEX color |
Use cases
"Why choose us"
- Radial layout with product image at center
- 4-6 features: Shipping, Quality, Eco, Returns, Support, Warranty
- Image shape Circle with Soft shadow
- Icons in Circle style with Accent 1
Product benefits
- Left or Right layout
- Product image in context
- 3-4 key product features
- Icon position Left for a list look
Service overview
- Grid layout
- Brand image on top
- 4-8 features in a grid
- Mobile layout Grid (2 columns)
💡In Radial mode, leave the feature position on Auto -- the system automatically distributes them evenly. Only use manual positioning (1-12 o'clock) if you want precise control over the layout.
⚠️The section supports a maximum of 12 Feature Item blocks. Beyond 6-8 features, the Radial layout can become cluttered. Prefer the Grid layout for a high number of features.