EF
EF Design System

Templates

140 page templates across 7 categories. Complete layouts for every type of page in the system.

Homepage

8 sections

8-section hero-driven landing with credentials strip, specializations grid, products, courses, membership pricing, and newsletter.

marketing

About Page

7 sections

Profile hero with photo and bio, mission quote, credentials grid, education timeline, career milestones, values cards, and therapeutic approach.

marketing

Services Page

5 sections

2-column profile card, modality cards with bullet lists, session type cards with duration and pricing, location cards, and CTA band.

marketing

Pricing Page

3 sections

Centered hero section with 3-column responsive pricing cards grid, featured tier highlighting, and comparison features.

marketing

Landing Page

6 sections

Conversion-focused single-page layout with hero, benefits grid, social proof strip, feature showcase, testimonials, and prominent CTA.

marketing

Landing Page (Minimal)

3 sections

Clean single CTA layout with bold headline, supporting copy, and one action button — optimized for high conversion.

marketing

Landing Page (Long-form)

12 sections

Extended sales page with hero, problem/solution sections, feature deep-dives, social proof, testimonials, FAQ, and multi-CTA bands.

marketing

Portfolio

5 sections

Project showcase with filterable gallery grid, hover overlays, category tabs, and featured project highlights.

marketing

Case Study

8 sections

In-depth project breakdown with challenge/solution/results structure, metrics callouts, process timeline, and client testimonial.

marketing

Agency Page

7 sections

Multi-service agency presentation with team grid, service pillars, client logos, process steps, and contact form.

marketing

Startup Page

6 sections

Product launch page with feature highlights, product screenshots, investor logos, traction metrics, and early-access signup.

marketing

SaaS Landing

8 sections

Software product page with app screenshots, feature grid, integration logos, pricing toggle, and free trial CTA.

marketing

App Landing

6 sections

Mobile app download page with device mockups, feature carousel, app store badges, ratings, and onboarding preview.

marketing

Event Page

7 sections

Conference or webinar registration with agenda timeline, speaker cards, venue info, ticket tiers, and countdown timer.

marketing

Webinar Registration

4 sections

Single-event signup page with speaker bio, topic overview, date/time display, and registration form.

marketing

Press Kit

5 sections

Media assets and company info page with downloadable logos, brand guidelines, executive bios, and press contacts.

marketing

Careers Page

6 sections

Job listings and culture showcase with open positions, team photos, benefits grid, values section, and application flow.

marketing

Partner Program

5 sections

Partnership benefits and signup with tier structure, revenue sharing details, partner directory, and application form.

marketing

Referral Program

4 sections

Referral rewards and tracking page with unique link generator, reward tiers, leaderboard, and payout history.

marketing

Comparison Page

5 sections

Feature comparison tables with competitor columns, checkmark grids, pricing comparison, and recommendation callouts.

marketing

Blog Index

4 sections

Category pill filters, responsive blog card grid with thumbnails, author bio section, and pagination.

content

Blog Post

6 sections

Long-form article with hero image, reading time, table of contents, rich typography, author card, and related posts.

content

Blog Category

3 sections

Filtered blog grid for case studies, deep dives, patterns, and perspectives with category header and description.

content

Documentation

4 sections

Help center with setup guides, best practices, sidebar navigation, search, and step-by-step instructions.

content

Blog (Magazine)

6 sections

Multi-column editorial layout with featured hero article, sidebar trending posts, category sections, and author spotlights.

content

Blog (Minimal)

3 sections

Clean reading-focused layout with simple post list, large typography, and distraction-free design.

content

Newsletter Archive

4 sections

Past newsletters index with date-sorted list, search, category filters, and subscription CTA banner.

content

Newsletter Issue

5 sections

Single newsletter read view with formatted content, share buttons, previous/next navigation, and subscribe prompt.

content

Podcast Landing

6 sections

Show page with latest episode player, episodes list, show notes, platform links, and host bios.

content

Podcast Episode

5 sections

Single episode page with embedded audio player, timestamped show notes, transcript, and related episodes.

content

Video Gallery

4 sections

YouTube/video content hub with thumbnail grid, category filters, playlist grouping, and search.

content

Video Player

5 sections

Single video page with large embedded player, description, chapters, comments section, and related videos sidebar.

content

Resource Library

5 sections

Downloadable assets hub with filterable grid of PDFs, templates, checklists, and guides with preview cards.

content

Resource Detail

4 sections

Single resource download page with preview image, description, file details, and gated download form.

content

Knowledge Base

5 sections

Searchable help articles with category cards, popular articles list, search bar, and contact support fallback.

content

Knowledge Base Article

4 sections

Single help article with step-by-step instructions, screenshots, related articles sidebar, and helpfulness rating.

content

Changelog

3 sections

Product updates timeline with version badges, date stamps, categorized entries, and subscription option.

content

Roadmap

4 sections

Public product roadmap with kanban-style columns for planned, in-progress, and shipped features with voting.

content

FAQ Page

3 sections

Accordion-style questions and answers with category grouping, search, and contact support link.

content

Glossary

3 sections

Alphabetical term definitions with letter navigation, search, and cross-linked related terms.

content

Case Studies Index

4 sections

Filterable case study grid with industry tags, result metrics, and featured case study hero.

content

Whitepaper Landing

4 sections

Gated content download page with executive summary, key findings preview, and email-gated PDF download.

content

Author Profile

5 sections

Writer bio page with avatar, social links, expertise tags, article index, and contribution stats.

content

Tag Page

3 sections

Content filtered by tag with tag header, post count, chronological article list, and related tags.

content

Search Results

3 sections

Full-text search results page with query input, result count, highlighted matches, and faceted filters.

content

Shop Page

4 sections

Segment tabs for B2C, MHP, and Clinic audiences. Product card grid with revenue badges and 3-column responsive layout.

commerce

Product Detail

12 sections

12-section long-form sales page with hero, sticky pricing sidebar, problem/transform grids, modules accordion, FAQ, testimonials, and CTA.

commerce

Product Overview

5 sections

System overview page — one context brief powering 200+ Notion templates. Feature highlights and value proposition.

commerce

Checkout Success

3 sections

Order confirmation page with Stripe session validation, purchase summary, and next-steps guidance.

commerce

Store Category

3 sections

Category-filtered product listing with breadcrumbs, category description, and product card grid.

commerce

Product Listing

4 sections

Grid/list toggle product browse with sort options, price range filters, pagination, and quick-view modals.

commerce

Product Comparison

5 sections

Side-by-side product comparison with spec tables, feature checkmarks, pricing diff, and recommendation badges.

commerce

Shopping Cart

3 sections

Cart review and summary with line items, quantity controls, promo code input, and order total breakdown.

commerce

Checkout

4 sections

Multi-step checkout flow with shipping address, payment method, order review, and secure submission.

commerce

Order Confirmation

3 sections

Post-purchase confirmation with order number, item summary, estimated delivery, and next-steps actions.

commerce

Order Tracking

3 sections

Shipment status tracking with progress stepper, carrier details, estimated delivery date, and delivery map.

commerce

Subscription Plans

5 sections

Recurring billing tiers with monthly/annual toggle, feature comparison, popular badge, and free trial option.

commerce

Subscription Management

4 sections

Plan upgrade/downgrade interface with current plan details, billing cycle, usage meter, and cancel flow.

commerce

Digital Download

4 sections

Instant download product page with file preview, format options, license terms, and one-click purchase.

commerce

Bundle Offer

5 sections

Multi-product bundle deal with included items, savings callout, individual vs bundle pricing, and add-to-cart.

commerce

Flash Sale

4 sections

Time-limited offer page with countdown timer, discounted products grid, urgency badges, and stock indicators.

commerce

Gift Card

3 sections

Gift card purchase and redemption page with amount selector, custom message, recipient email, and balance checker.

commerce

Wishlist

3 sections

Saved items list with product cards, price alerts, share list option, and move-to-cart actions.

commerce

Reviews Page

4 sections

Customer reviews and ratings with star distribution chart, verified badges, photo reviews, and sort/filter controls.

commerce

Affiliate Dashboard

5 sections

Referral tracking and payouts with earnings chart, link generator, conversion stats, and payout history table.

commerce

Invoice

3 sections

Downloadable invoice/receipt with company details, line items table, tax breakdown, and PDF export button.

commerce

Marketplace Seller

6 sections

Seller profile and listings with rating, response time, product grid, about section, and contact options.

commerce

Marketplace Listing

5 sections

Single marketplace product with image gallery, seller info, bidding/buy-now options, and buyer protection details.

commerce

Waitlist

3 sections

Pre-launch signup with product teaser, waitlist position counter, email capture, and social sharing incentive.

commerce

Launch Page

4 sections

Product launch countdown with timer, feature reveal sections, early-bird pricing, and launch-day notification signup.

commerce

Course Page

5 sections

Split hero with green gradient and course stats, module list, outcomes grid, and accordion with expandable lessons.

learning

Learning Hub

4 sections

Central learning index with course cards, prompt library access, and tools directory.

learning

Prompt Library

4 sections

Browsable prompt collection with category filters, search, and individual prompt detail pages.

learning

Course Catalog

5 sections

Browse all available courses with category filters, difficulty badges, duration estimates, and enrollment counts.

learning

Course Module

6 sections

Single lesson/module view with video player, lesson content, progress tracker, resource downloads, and next-lesson navigation.

learning

Course Quiz

4 sections

Assessment page with multiple choice questions, progress bar, timer, score display, and retry option.

learning

Course Certificate

3 sections

Completion certificate display with shareable badge, download PDF, LinkedIn share, and verification link.

learning

Workshop Landing

5 sections

Live workshop registration with instructor bio, agenda overview, prerequisites, pricing, and limited-seats indicator.

learning

Workshop Agenda

4 sections

Session schedule and details with time blocks, speaker assignments, break periods, and materials list.

learning

Tutorial

5 sections

Step-by-step walkthrough with numbered steps, code snippets, inline images, and completion checkbox per step.

learning

Tutorial Series

4 sections

Multi-part tutorial index with series progress bar, episode list, difficulty rating, and estimated total time.

learning

Certification Path

6 sections

Multi-course certification roadmap with required courses, electives, progress tracker, and final exam details.

learning

Certification Exam

4 sections

Timed assessment page with question navigator, flagging system, timer countdown, and submission confirmation.

learning

Bootcamp Landing

7 sections

Intensive program overview with week-by-week curriculum, instructor team, alumni outcomes, and cohort application.

learning

Mentorship Program

5 sections

1-on-1 coaching signup with mentor profiles, session formats, pricing tiers, and booking calendar integration.

learning

Student Dashboard

6 sections

Learning progress tracking with enrolled courses, completion percentages, upcoming deadlines, and achievement badges.

learning

Instructor Profile

5 sections

Teacher bio page with credentials, teaching philosophy, course list, student reviews, and contact info.

learning

Curriculum Overview

5 sections

Full program syllabus with learning objectives, module breakdown, time estimates, and prerequisite mapping.

learning

Lab Environment

4 sections

Interactive coding/practice environment with split-pane editor, output console, instructions panel, and hint system.

learning

Study Group

4 sections

Cohort-based learning hub with member list, shared resources, discussion feed, and group progress tracker.

learning

Community Page

4 sections

Benefits grid with icon cards, pricing tiers with 'Most Popular' highlight, member features, and CTA section.

community

Community Hub

6 sections

Central community landing with activity feed, featured groups, upcoming events, top contributors, and join CTA.

community

Community Feed

4 sections

Social-style post feed with compose box, like/comment actions, media attachments, and infinite scroll.

community

Community Groups

4 sections

Topic-based group directory with member counts, activity indicators, join buttons, and create-group option.

community

Group Detail

5 sections

Single group page with description, member list, group feed, pinned posts, and admin controls.

community

Community Events

4 sections

Upcoming events calendar with list/calendar toggle, RSVP buttons, event categories, and past events archive.

community

Event Detail

5 sections

Single event page with date/time, location map, attendee list, discussion thread, and calendar add button.

community

Member Directory

4 sections

Searchable member profiles with avatar grid, skill tags, location filters, and sort by activity/join date.

community

Member Profile

5 sections

Public member profile with bio, badges, activity history, contributions, and follow/message actions.

community

Discussion Forum

4 sections

Threaded discussion board with topic categories, pinned threads, new post button, and sort by latest/popular.

community

Discussion Thread

4 sections

Single thread view with original post, nested replies, upvote/downvote, and reply composer.

community

Leaderboard

3 sections

Points/reputation ranking with top contributors podium, full ranking table, and time period filters.

community

Achievements

4 sections

Badges and milestones gallery with earned/locked states, progress bars, and achievement detail modals.

community

Feedback Board

4 sections

Feature request voting board with submit idea form, upvote buttons, status tags, and admin responses.

community

Announcements

3 sections

Community news and updates with pinned announcements, chronological list, and category labels.

community

Ambassador Program

5 sections

Community leader program with benefits, requirements, application form, current ambassador showcase, and perks.

community

Community Guidelines

3 sections

Rules and code of conduct with sections for acceptable behavior, enforcement policy, and reporting process.

community

Community Newsletter

4 sections

Member newsletter archive with past issues, highlights, subscribe/unsubscribe options, and preview snippets.

community

Meetup Page

4 sections

Local/virtual meetup organizer with event details, RSVP form, location map, and past meetup photos.

community

Community Showcase

5 sections

Member project gallery with submission form, voting, featured projects carousel, and category filters.

community

Account Page

3 sections

User profile management with login gating, profile form (name, company, phone), and order history display.

account

Login

2 sections

Authentication sign-in page with email/password fields, social login buttons, and forgot password link.

account

Sign Up

3 sections

Registration page with form fields, social auth options, terms checkbox, and email verification step.

account

Forgot Password

2 sections

Password reset flow with email input, confirmation message, and link to return to login.

account

Onboarding

5 sections

Multi-step user setup wizard with progress indicator, preference selection, team invite, and completion celebration.

account

Profile Settings

4 sections

Account preferences with avatar upload, display name, bio editor, and timezone/language selectors.

account

Notification Settings

3 sections

Alert preferences with toggle switches for email, push, and in-app notifications by category.

account

Billing Settings

4 sections

Payment methods and invoices with saved cards, add payment method, billing address, and invoice history table.

account

Security Settings

3 sections

2FA setup, password change, active sessions list, and login history with device/location details.

account

API Keys

3 sections

Developer key management with create/revoke actions, usage stats, rate limit display, and documentation link.

account

Connected Accounts

3 sections

OAuth integrations with connect/disconnect buttons for Google, GitHub, Slack, and other third-party services.

account

Data Export

2 sections

GDPR data download page with export request button, format selection, and download history.

account

Account Deletion

2 sections

Delete confirmation flow with data impact warning, feedback form, password confirmation, and final delete action.

account

Team Management

5 sections

Multi-user team admin with member table, role assignment, invite flow, and usage per-member breakdown.

account

Invite Page

3 sections

Team member invitation with email input, role selector, personalized message, and pending invites list.

account

Admin Dashboard

6 sections

Full admin panel with sidebar navigation, analytics overview, content management, and system settings.

admin

Page Editor

8 sections

CMS page editor with two-column layout, content fields, SEO tools, media upload, breadcrumbs, and schema generation.

admin

User Management

5 sections

User list with search, role filters, bulk actions, status badges, and create/edit/delete operations.

admin

User Detail

4 sections

Single user profile admin with account info, activity log, permissions panel, and impersonate action.

admin

Content Management

5 sections

CMS content list with status filters, publish/draft/archive actions, bulk edit, and content type tabs.

admin

Content Editor

6 sections

WYSIWYG content editing with rich text toolbar, media embedding, SEO fields, preview mode, and version history.

admin

Analytics Dashboard

6 sections

Charts and metrics with traffic graphs, conversion funnels, user demographics, and date range selector.

admin

Order Management

5 sections

Order list and processing with status pipeline, search, date filters, export CSV, and bulk status updates.

admin

Order Detail

4 sections

Single order management with line items, customer info, shipping details, payment status, and refund controls.

admin

System Settings

4 sections

Global configuration with site name, logo upload, timezone, currency, email settings, and feature toggles.

admin

Media Library

4 sections

Asset management with drag-and-drop upload, grid/list view, folder organization, and image editing tools.

admin

Email Templates

5 sections

Email editor with drag-and-drop blocks, variable insertion, preview/test send, and template library.

admin

Workflow Manager

5 sections

Automation builder with visual flow editor, trigger conditions, action steps, and execution history log.

admin

Activity Logs

3 sections

System event history with filterable log table, user actions, timestamps, and severity levels.

admin

Integrations

4 sections

Third-party connections with available integrations grid, connected status, configuration panels, and webhook URLs.

admin