View API
3 components

Case Study Detail

Case Study Prose Sidebar
Case Study Detail
Case Study Prose Sidebar

A case study article layout with rich prose content and a sticky sidebar containing company information. Features a two-column design with the main article area on the left (including hero image, headings, paragraphs, blockquotes, lists, and tables using prose styling) and a sidebar on the right with company logo, description, industry, location, company size, website link, and topics. The sidebar uses an accent background with organized sections separated by borders. Ideal for detailed case study pages, customer success stories, or in-depth articles that need supplementary company context alongside the main narrative.

case-studydetailprose+7 more
Case Study TOC Social Sidebar
Case Study Detail
Case Study TOC Social Sidebar

A comprehensive case study layout with breadcrumb navigation, featured author attribution, sticky sidebar with company details, table of contents navigation, and social sharing links. Features a three-column layout on large screens: left sidebar with company info (overview, sector, team size, location, established, funding, core features) and social links, center content area with problem/approach/outcomes summary followed by prose sections, and right sidebar with sticky table of contents that highlights active section via IntersectionObserver. The header includes breadcrumbs, large title, and author attribution with avatar. Ideal for in-depth case studies, customer success stories, or detailed articles that benefit from structured navigation and comprehensive company context.

case-studydetailtoc+9 more
Case Study Stats Metrics
Case Study Detail
Case Study Stats Metrics

A results-focused case study layout with prominent performance metrics, breadcrumb navigation, prose content, and a sticky sidebar with company info and CTA. Features a two-column design with the main content area showing breadcrumbs, title, subtitle, hero image, a grid of 4 key statistics with large values and labels, and rich prose content (headings, paragraphs, blockquotes, lists, tables, alerts). The sticky sidebar displays company logo, overview text, sector information, a solution badge with icon, and a call-to-action button. Ideal for ROI-driven case studies that emphasize quantifiable outcomes, customer success stories with measurable impact, or results-focused content marketing.

case-studydetailstats+9 more
OpenSite Logo

Delivering the world's first Semantic UI site builder

Components

© 2026 OpenSite. All rights reserved.