Accordion Example

A short introduction to demonstrate the accordion block layout.

This is sample accordion content generated for preview purposes.

Related Items Example

This block is included only when published posts are available for selection.

Flexible Content

This is a sample introduction text block used to preview the simpler text content variation.

This is a sample rich text block with enough content to preview spacing, buttons, and content styles.

Generated content is intended for layout review only.

Read more Secondary action

Video Example

A placeholder video entry for checking the visual treatment of the video block.

Resident sentiment at a glance

Sample circular charts showing how the new reporting cards behave across a four-column layout.

Last updated: June 17, 2026

Do we communicate clearly and in a way you prefer?

This chart mirrors the design supplied for the dashboard concept.

Positive change: +3%

Do you feel listened to when you contact us?

Use colour and the badge to communicate change without relying on chart tone alone.

Negative change: -20%

Are you aware of tenant engagement opportunities?

Neutral change states stay visually distinct while remaining AA legible.

No change: No change

Would you recommend our resident portal to a neighbour?

Additional sample data gives the preview page a realistic fourth-card state.

Positive change: +8%

Key engagement indicators

This variation keeps the explanatory copy on the left while the chart cards sit in a compact two-column grid.

Last updated: June 17, 2026

Satisfaction with repair communication

Side text layouts work best where the narrative needs to sit close to the metric cards.

Positive change: +6%

Awareness of local events

The two-column cap keeps the cards readable beside longer explanatory content.

No change: No change

Operational benchmarks

Sample statistic cards without charts, using the configured accent colour to separate each metric.

Last updated: June 17, 2026

87%

Repairs completed first time

A concise card style for metrics that do not need a chart visual.

Positive change: +4%

14

Average days to resolve cases

Number fields can represent counts, durations, or percentages in this layout.

Positive change: -2 days

62%

Residents attending events

Neutral shifts remain legible and visually distinct from gains or losses.

No change: No change

9

Open high-priority complaints

The change badge gives the user immediate context alongside the core metric.

Negative change: +2

94%

Residents with portal access

Five cards show the maximum per-row layout from the new brief.

Positive change: +1%

Tenant trust is now at 84% across managed homes.

Positive change: +6%

Repair satisfaction slipped to 71% after winter demand.

Negative change: -4%

Digital portal usage held steady at 63% month on month.

No change: No change

Community event attendance climbed to 58% this quarter.

Positive change: +9%

Pie chart

150 characters The quick brown fox jumps over a lazy dog while vexed nymphs waltz and quirky zebras dazzle in the glowing night sky near a quaint village.

Last updated: June 17, 2026

  • Interest on loans

    25% of total

    25%

  • Management

    25% of total

    25%

  • Day to day and cyclical maintenance

    25% of total

    25%

  • Depreciation

    25% of total

    25%

  • Services

    25% of total

    25%

  • Add to reserves

    25% of total

    25%

Milestone progress

150 characters The quick brown fox jumps over a lazy dog while vexed nymphs waltz and quirky zebras dazzle in the glowing night sky near a quaint village.

Last updated: June 17, 2026

75%

Progress

50 characters The quick brown fox jumps over a lazy dog.

Status: On track

Estimated completion: 25 Dec 2025

This is a completed milestone

Jan 2025

This is a completed milestone

Jan 2025

This is a failed milestone

Jan 2025

This is an in progress milestone

Jan 2025

50%

Statistic heading

50 characters The quick brown fox jumps over a lazy dog.

Status: Average

Estimated completion: 25 Dec 2025

This is a completed milestone

Jan 2025

This is a completed milestone

Jan 2025

This is a failed milestone

Jan 2025

This is an in progress milestone

Jan 2025

25%

Statistic heading

50 characters The quick brown fox jumps over a lazy dog.

Status: Negative

Estimated completion: 25 Dec 2025

This is a completed milestone

Jan 2025

This is a completed milestone

Jan 2025

This is a failed milestone

Jan 2025

This is an in progress milestone

Jan 2025

You said; we did

150 characters The quick brown fox jumps over a lazy dog while vexed nymphs waltz and quirky zebras dazzle in the glowing night sky near a quaint village.

Last updated: June 17, 2026

You said:

Status: Complete

Calls take too long to be answered - we’re waiting ages to speak to someone

What we did:

We hired 6 additional call handlers and extended our opening hours

Impact:

Average wait time reduced from 8 minutes to 4 minutes

You said:

Status: In progress

Calls take too long to be answered - we’re waiting ages to speak to someone

What we did:

We hired 6 additional call handlers and extended our opening hours

Impact:

Average wait time reduced from 8 minutes to 4 minutes

You said:

Status: Complete

Calls take too long to be answered - we’re waiting ages to speak to someone

What we did:

We hired 6 additional call handlers and extended our opening hours

Impact:

Average wait time reduced from 8 minutes to 4 minutes

Bar chart

150 characters The quick brown fox jumps over a lazy dog while vexed nymphs waltz and quirky zebras dazzle in the glowing night sky near a quaint village.

Last updated: June 17, 2026

75%

Statistic heading

50 characters The quick brown fox jumps over a lazy dog.

Status: Positive

50%

Statistic heading

50 characters The quick brown fox jumps over a lazy dog.

Status: Average

25%

Statistic heading

50 characters The quick brown fox jumps over a lazy dog.

Status: Negative

Card Block Example: Small Image Cards

This example previews the small image card variation.

Card Block Example: Large Image Cards

This example previews the large image card variation.

Card Block Example: Icon Image Cards

This example previews the icon image card variation.

Card Block Example: Text Cards

This example previews the text card variation.

Form Block Example: Two Columns

A sample contact block to validate the two-column form layout.

Contact details

Preview copy for the adjacent content column.

Sample Form

Name(Required)
Email(Required)
Please let us know what's on your mind. Have a question for us? Ask away.

Form Block Example: One Column

A sample contact block to validate the single-column form layout.

Sample Form

Name(Required)
Email(Required)
Please let us know what's on your mind. Have a question for us? Ask away.