Landing Sections Overview
Scope provides a variety of section types for building your landing page. Each section is created as a Ghost page with specific internal tags that control its appearance and behavior.
How Internal Tags Work
In Ghost, internal tags are tags that start with a # symbol. They are invisible to visitors but can be used by themes to add special functionality. Scope uses internal tags to:
- Identify pages as landing sections (
#landing) - Define the section type (
#landing-brands,#landing-features, etc.) - Customize section appearance (aspect ratios, columns, styles)
Available Sections
Content Sections
| Section | Tag | Description |
|---|---|---|
| Base Section | #landing | Standard content section with title, excerpt, and content |
| Brands | #landing-brands | Showcase partner or client logos |
| Features | #landing-features | Display features in a grid layout |
| Features Icons | #landing-features-icons | Features grid with icon support |
| Features Split | #landing-features-split | Alternating image/text layout |
Post Sections
| Section | Tag | Description |
|---|---|---|
| Featured Posts | #landing-featured-posts | Display posts marked as featured |
| Latest Posts | #landing-latest-posts | Display your latest blog posts |
Social Proof Sections
| Section | Tag | Description |
|---|---|---|
| Testimonials | #landing-testimonials | Customer testimonials with navigation |
| Testimonials Carousel | #landing-testimonials-cards | Testimonial cards with carousel arrows |
Conversion Sections
| Section | Tag | Description |
|---|---|---|
| Pricing | #landing-pricing | Pricing table with multiple tiers |
Combining Tags
You can combine multiple internal tags on a single page to customize its appearance. For example:
#landing+#landing-features+#landing-columns-3= A 3-column features grid#landing+#landing-featured-posts+#landing-style-carousel= Featured posts in carousel style#landing+#landing-hide-title+#landing-container-wide= Wide section with hidden title
The order of internal tags doesn’t matter. Ghost will process all of them regardless of the order in which they’re added.
Quick Reference
Base Tags (Apply to All Sections)
#landing - Required for all sections
#landing-hide-title - Hide the section titleAspect Ratio Tags
#landing-1-1 - Square (1:1)
#landing-3-4 - Portrait (3:4)
#landing-4-3 - Landscape (4:3)
#landing-3-2 - Standard (3:2)
#landing-2-3 - Tall (2:3)
#landing-16-9 - Widescreen (16:9)
#landing-21-9 - Ultra-wide (21:9)Container Width Tags
#landing-container-small - Small container
#landing-container-medium - Medium container
#landing-container-wide - Wide container
#landing-container-fluid - Full-width containerStyle Tags (for Post Sections)
#landing-style-slider - Slider layout
#landing-style-carousel - Carousel layout
#landing-style-grid-horizontal - Horizontal card grid
#landing-style-grid-vertical - Vertical card grid
#landing-style-list - List layoutColumn Tags (for Grid Sections)
#landing-columns-2 - 2 columns
#landing-columns-3 - 3 columns
#landing-columns-4 - 4 columns
#landing-columns-5 - 5 columnsFeatures Split Tags
#landing-features-split-even - Even layout
#landing-features-split-odd - Odd layout
#landing-features-split-end - End layout