Feelpath Logo

Preview

Section templates

These are reusable patterns for therapist-facing library pages. Pick the ones you like and we’ll mix and match per page.

Buttons

Featured guide CTA variants

These match the Featured Guide CTA styles used on the clinician library index. Use the emerald option as the default unless a page needs more contrast.

Template F adaptation

Emotion regulation strategies, interactive

A vertical-tabs layout adapted from Template F. Designed to avoid a long wall of text while keeping the UI calm and minimal.

These tend to be helpful when used flexibly and matched to context.

Behavioral activation

Meaning: Schedule and do meaningful or pleasant activities to shift emotional inputs.

Looks like: Even though I feel low, I’ll go for a walk, cook, text a friend, do one small task.

Template A

Two-column: text + image

Use for “explain a concept” sections. Minimal copy, 2 to 3 bullets, one image.

  • A short lead sentence.
  • Two to three bullets max.
  • One supporting image on the side.
Consent options shown before a session
Consent options shown before a session

Template B

Two-column: image + text (flipped)

Use to alternate visual rhythm. Same structure, flipped sides.

  • Keeps pages feeling designed.
  • Creates variety without extra clutter.
  • Works well for UI screenshots.

Template C

Short point 1

One short sentence. No long paragraphs.

Short point 2

Keep it concrete and therapist-native.

Short point 3

Link out if it gets long.

Template D

Trusted by teams who care about clarity

A calm trust block that pairs one clear point with two concrete signals. Keep the copy short and let the numbers do the work.

15%
Faster documentation workflows
Reported by early clinical users
4.9
Average satisfaction rating
From pilot feedback
Sessions overview
Last 7 days
Export
Statistics
Week
Recurring visitors
405,857
+24.98%
New visitors
144,139
-5.68%

Template E

We make it easy to track what changes over time

A high-contrast layout with soft depth, designed for calm scanning and quick comprehension.

Evidence-linked clarity
See what changed, then trace it back to the moment it happened (without relying on memory).
Low-noise monitoring
Focus on a small number of interpretable signals instead of dashboards full of metrics.
Sessions overview
Last 7 days
Export

Template E (chart-only)

A single calm chart visual

Same layout as Template E, but with only the chart mockup (no ‘Statistics’ overlay card).

Quiet visualization
Use when one chart is enough to suggest “software” without adding more stacked UI.
More whitespace
Removing the overlap card reduces visual density and gives the copy more breathing room.
Core change mechanism diagram for structured reflection and emotion skill development
Template O (E + N)
A single calm chart visual
Same layout as Template E, but with only the chart mockup (no 'Statistics' overlay card).
Structured reflection
Stage 1: Create a steady, low-pressure structure for emotional reflection.
Self-observation
Stage 2: Help clients observe internal experience with more clarity and less reactivity.
Emotion differentiation
Stage 3: Move from broad states to precise emotion language that supports choice.
Emotion skill development
Stage 4: Build repeatable emotion skills through practice across sessions.
Emotional maturity
Stage 5: Support more integrated, flexible, and grounded emotional responses over time.
Regulation skill
Stage 6: Strengthen tolerance, recovery, and regulation under stress.
Relational social-emotional skill
Stage 7: Improve communication, repair, and relational functioning with others.

Template F

Don’t take our word for it. See what clinicians say

Feature 1

It keeps the session grounded in what was actually said.

The design is calm enough to stay out of the way, but the outputs are concrete enough to be useful.

When I’m reviewing, I can get oriented quickly without turning therapy into a dashboard.

Template G

Gain insights with session reflection

Help clients notice patterns across weeks, not by adding complexity, but by keeping the output calm, readable, and grounded in consent.

feelpath.com
F
Feelpath
Search
Dashboard
Sessions
Insights
Reports
Clients

Overview

Session analytics

Last 7 days
Sessions
18
+12%
Notes saved
41
+6%
Client check-ins
73
+9%
Trend
Week
Recent sessions
Alexithymia check-in
2d
Reflection prompt
2d
Consent review
2d
feelpath.com
F
Feelpath
Dashboard
Sessions
Insights
Reports

Overview

Session analytics

Metric
18
Metric
41
Metric
73

Template J

Gain insights with session reflection

Attempt 2: rotated ellipses + blend modes to create a smoother ‘river of color’.

Template H

A clean feature grid for scannability

Use this when you want trust + clarity without a wall of text.

Cost Efficiency

A single workflow that reduces duplicate note-taking.

Scalability & Flexibility

A simple, repeatable structure that fits different modalities.

Enhanced Security

Clear consent boundaries and privacy-first design.

Automatic Updates

Continuous improvements without new training modules.

Template I

A robust set of features

Explore a calm toolkit designed for disciplined tracking, reflection, and clarity, without overwhelming the session.

Real-time reflection

Capture key moments as they happen and return to them later with context you can trust.

Session wayfinding

See where the conversation shifted, so you can review structure without relying on memory alone.

Automated summaries

Generate concise, editable outputs that support documentation while keeping clinical judgment central.

Signal filtering

Reduce noise by focusing on a small number of interpretable signals rather than dashboards of metrics.

Iteration-friendly

Test small changes in prompts or structure and keep what works, without adding new workflows.

Integrations

Connect to your existing processes so you can adopt incrementally and stay in control.

Template K

More features to power-up
your user tracking

Real-time reflection

Monitor key moments as they happen. See live notes, active sessions, and insight cues update as the conversation evolves.

Session wayfinding

Visualize the path through a session, from entry point to resolution or pause, identifying friction points without extra dashboards.

Automated reports

Schedule concise summaries delivered to your inbox. Stay informed without needing to manually check dashboards.

Funnel optimization

Analyze where clients drop off in follow-through. Use clear signals to improve adherence and reflection between sessions.

Integration hub

Connect seamlessly with your existing workflow and tools so you can adopt incrementally and stay in control.

Soft green and blue gradient background

Template L

Blog and resources

Explore insightful articles, expert tips, and the latest news on web analytics, marketing strategies, and industry trends right here on our blog.

Template M

All-in-one platform foradvanced user analytics

Understand users with our analytics suite. Track interactions, visualize journeys, gain insights on one platform.

Realtime analytics

Monitor user activity and events as they happen, enabling understanding and reaction to engagement trends.

User analytics

Gain insights into user demographics, behavior patterns, retention, and segmentation for decisions.

Funnel optimization

Visualize user progression through flows, identify drop-off points, and optimize conversion paths.

Template N

Great perks of
working at Pixelcloud

We believe in taking care of our team. Discover benefits and advantages that make Pixelcloud a rewarding place to build your career and thrive.

Great culture

Join an inclusive work environment where positive teamwork and shared innovation are valued.

Remote

Enjoy the flexibility of working from anywhere, fostering work-life balance and accessing talent pools.

Health benefits

Comprehensive health coverage plans to ensure you and your family are always taken care of.

Team retreats

Quarterly off-site retreats to bond, brainstorm, and recharge in beautiful locations around the world.

Template P

Bento SaaS landing hero

Clause-inspired modular composition: one section carrying the hero, social proof, dashboard preview, integrations, and a testimonial/stats block.

fp

Feelpath

Session continuity

Modular hero preview

A calmer way to keep the thread across sessions

Combine session highlights, readable summaries, and lightweight follow-up into one design language that feels modern without becoming noisy.

Social proof row

NotionLinearFigmaVercelStripeSlack

Features

A dashboard preview that feels structured, not heavy

Use a compact preview with one or two strong signals, a little depth, and generous whitespace. It suggests product sophistication without overwhelming the section.

Explore the workflow

Review

Weekly pattern snapshot

Updated today
Week 152%
Week 274%
Week 363%
Week 486%
Week 570%

Clarity score

84

Steadier session-to-session continuity

Seen by

AK
MN
JR

Shared by the care team this week

Integrations panel

A lighter contrast block for partner tools

Use a cooler contrast surface to create separation and show product ecosystem depth without adding a second hero.

Slack
Zoom
Drive
Notion
Stripe
Zapier

Testimonial

“It gives me continuity without turning therapy into a dashboard.”

SM

Sarah Malik

Clinical director, group practice

12 hrs

Average monthly admin time saved per clinician

86%

Teams who say the layout is easier to scan than a dashboard-heavy hero

Template Q

Abstract product illustration grid

Use stylized UI scenes when screenshots feel too literal, too busy, or too unfinished. This works well for feature explainers and workflow overviews.

Manage conversations

Rounded chat shapes plus one floating icon make a product story feel clear before you ever show the real interface.

Saved

Create contact cards

A profile window, dotted path, and success chip help you imply setup, saving, or structured onboarding in a lightweight way.

Send via chat

A flow-focused composition can explain transfer, routing, or handoff without relying on dense product screenshots.

Charts and planning

A simplified chart scene gives you the feeling of analytics while staying calmer and more editorial than a real dashboard.

Template R

Glowing AI-style 2x2 feature grid

A modern feature section with white cards, soft borders, and one vivid accent color doing most of the work. Good when you want a sharper, more current product feel.

Match up

Match patterns faster

Overlapping profile-style cards plus one glowing CTA create a strong focal point without needing a dense product mockup.

Alert

New pattern detected

New

Surface important alerts

Layered notifications add depth and help the card communicate speed, freshness, and automated support.

repairshutdownshameconflictreliefclarity

Connect themes over time

A tag cloud in the background with linked foreground nodes suggests clustering, matching, or synthesis in a visually current way.

Active
Active
Active

Turn review into action

Stacked listing cards with a floating accent control work well for feeds, recommendations, or next-step suggestions.