EF
EF Design System

Community Page

The community page presents membership benefits, pricing tiers with a popular highlight, a feature comparison grid, and a closing CTA to drive sign-ups.

Benefits Grid

💬
Peer Support
Connect with like-minded practitioners and individuals in moderated discussion groups.
📚
Resource Library
Access exclusive worksheets, guides, and clinical resources updated monthly.
🎓
Live Workshops
Monthly live workshops on DBT, trauma therapy, and clinical best practices.
🤝
Mentorship
One-on-one mentorship matching with experienced clinicians in your specialty.

Pricing Tiers

Free
$0
/month
Community forum access
Monthly newsletter
Basic resource library
Join Free
Most Popular
Member
$29
/month
Everything in Free
Live workshops
Full resource library
Peer groups
Priority support
Join Member
Clinical Pro
$79
/month
Everything in Member
Mentorship matching
CEU credits
Private channels
Supervision group
Join Clinical Pro

CTA Section

Join Our Clinical Community
Connect with 500+ practitioners, access exclusive resources, and grow your clinical skills.
Get Started Free

CSS

css
/* Community Page Layout */
.community-page {
  /* 1. Benefits Section — icon cards grid */
  /* 2. Pricing Section — membership tiers */
  /* 3. Membership Grid — feature comparison */
  /* 4. CTA Section */
}

/* Benefit Card */
.benefit-card {
  background: #111113;
  border: 1px solid #27272a;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
}
.benefit-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(191,90,242,0.1);
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

/* Membership Grid */
.membership-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}