Leonie
user (standing activity)
„For me, rectify is a fantastic system for improving my daily functioning. Above all, I've noticed that I experience significantly less pain when I do the exercises regularly."
Component library
The building blocks of rectify
A working view of the reusable components, variants, and layout patterns used to build the website.
@rectify/ui and @rectify/layouts
One system, many contexts.
Use this page to compare established building blocks before creating a new variant.
Input
Forms and selection
Inputs and choices with the distinctive soft rectify radius.
Input
QuizOption
Information
Content cards
Building blocks for benefits, data points, and compact content in flexible grids.
BGMCard
Measurable every day
Arrange information so it stays easy to understand and compare at a glance.
DataButton
18
precise data points
BentoCard
Bento card
A flexible card surface for different content and hierarchy.
Interaction
Expandable content
Accordions keep longer explanations in flow without overloading the page.
RectifyAccordion
StepAccordion
Step-by-step information
The StepAccordion variant adds numbered process steps to the same interaction approach.
1First step
Composition
Layout building blocks
Recurring patterns for trust, modular content, and focused end-of-page actions.
USPBar
BentoGrid
Flexible content hierarchy
EndCTABanner
Focused final action
Composed sections
Higher-level components
Complete sections combine interaction, content, and responsive layouts into reusable page elements.
Carousel / ImageAccordion
Interactive gallery
Image-led areas with a changing focus, copy, and optional calls to action.
Notice posture
A visual entry point to a complex topic.
FAQWithImage
FAQ areas combine expandable answers with a supporting image and a contact action.
Questions, clearly answered
How does an FAQ stay easy to scan?
The question stays in focus while its answer only appears when it is needed.
When does an image belong alongside it?
When it supports the contact option or helps people orient themselves.
Still have a question?
TestimonialsSection
A horizontal area for authentic voices, including navigation and optional video statements.
Experiences from everyday life
Jill
user
„Just the vibration, which is there regularly, makes me realize, ah, okay, wow, I've gone into that posture again. And what I found remarkable is that the training was indicated, which also directly addresses my back problem."
Prof. Dr. med. Bernd Brüggenjürgen
Health Services Research and Orthopedics
„It's fascinating to see the innovative potential in our region. Using the system was completely straightforward, and the precision data was impressive. I see great potential for movement and posture diagnostics."
DataButton / StatisticStatementSlider
Fact pills
Prominent metrics for studies, product benefits, or measurable progress.
18
precise data points
50 Hz
measurement frequency
1°
accuracy
StatisticStatementSlider
A compact alternative for exactly three metrics that changes automatically or directly through the indicators.
EndCTABanner
A closing section brings a message and one clear next action together.