Table sections
A table section organises dense data so it stays scannable — comparisons, specs, and feature matrices. Browse table section examples for inspiration.
Wide Range Of SaaS Solutions Comparison Table
A plan-comparison section on white, introduced by an oversized 'Wide range of SaaS solutions' heading with a short right-column intro. Below sits a comparison table whose black header row names three columns — Starter, Business and Enterprise — over a 'Feature Name:' label. Successive rows compare features down the left ('Users', 'File storage', 'Premium supports', 'Secure transfer', 'Statistics and tracking', 'File size limit', 'Mobile app'), filled with either text values ('Up to 15 users', '2 GB', '100 MB') or blue check / gray dash status icons per tier. A row of blue 'Get Started Now' buttons under each column closes the table. The gridded matrix makes tier-by-tier differences easy to compare at a glance.
Zubuz ↗
Avenor Specifications & Floor Plan
A two-panel split layout pairing a dark specifications table on the left, with label and value rows for key property details, against a light floor plan panel on the right showing room layouts across multiple levels. Best used on property pages to present technical specs alongside a visual floor plan.
Dribbble ↗