Noxus features with accordion and flow diagram

Noxus features with accordion and flow diagram, light-mode, minimal, light

Preview image. Unlock full-res

Light two-column features section with a stacked accordion of capabilities at left and an animated node-flow diagram of an automation at right.

Summary

A clean light features section that pairs an expandable list of capabilities on the left with a live node-flow diagram of an automation on the right. The defining move is letting each accordion item swap the diagram, so the feature explains itself visually.

Visual description

White background with an oversized near-black section headline "Agentic Automations, Faster Than Ever." and a thin rule beneath. Left column is a vertical accordion: "No-code interface" is expanded (chevron up) with a short muted paragraph, while "AI agents" and "Workspace integrations" sit collapsed below, separated by hairlines. Right column shows a soft blue rounded panel containing a connected node graph: pill nodes with brand icons (Process youtube video, Generate blog post, Create image, Create document, Save in Drive) wired by thin elbow connectors into a branching flow.

Key takeaway

The accordion-plus-diagram pattern where expanding a feature reveals its matching visual, keeping copy minimal and showing the product instead. Using recognizable third-party brand icons inside the nodes to imply real integrations.

Reuse notes

Ideal for automation, AI, and workflow tools that need to explain several capabilities without a wall of text. The diagram should change per accordion item to justify the layout. Light and airy, so it pairs well with a darker hero above for contrast.

More features sections

See all

More like this