UI PATTERNS
Eight accordion and toggle layouts. FAQ sections, feature reveals, spec lists, and more. All functional.
FAQ
The simplest toggle pattern. Horizontal lines separate each item. A plus icon rotates to an X when open. Clean, universal, works for any content type.
Monthly or annual billing. Annual saves 20%. You can switch plans or cancel anytime from your account settings. No hidden fees.
Yes. No lock-in, no penalties. Cancel from your dashboard and your subscription ends at the current billing period.
Full refund within 14 days of any charge. No questions asked. Just reach out to support.
Yes. RESTful API with comprehensive documentation. Available on Pro plans and above.
HELP
Each item is its own card with a border and rounded corners. When open, the content slides down inside the card. Chevron rotates as indicator.
Slack, GitHub, Figma, Jira, Linear, Notion, and 50+ more through Zapier. Custom webhooks available on Pro.
AES-256 encryption at rest. TLS 1.3 in transit. SOC 2 Type II certified. Regular third-party penetration testing.
Full data export anytime in CSV or JSON. Automated backups available on all paid plans.
FAQ
If you can't find what you're looking for, reach out to our support team.
Heading and CTA on the left, accordion on the right. The split layout gives the FAQ context and a fallback action if the answer isn't in the list.
Under 5 minutes for basic setup. Full configuration with integrations typically takes under an hour.
Free onboarding call included with every paid plan. Enterprise gets a dedicated onboarding specialist.
99.9% uptime SLA on all paid plans. Status page available at status.example.com with real-time incident tracking.
Yes. Agency and team plans support multiple workspaces with separate billing per client.
DETAILS
Same card pattern on a dark background. The subtle border and translucent fill create depth without competing with the text.
Auto-scaling infrastructure on AWS. Traffic spikes are handled automatically with zero downtime.
US-East and EU-West regions available. Choose your region during onboarding. Data residency guaranteed.
Continuous backups with 30-day retention. Point-in-time recovery available on Enterprise plans.
PROCESS
Numbers create a sequential feel. This pattern works great for process explanations, how-it-works sections, or step-by-step guides where order matters.
One-click integrations with your existing stack. Slack, GitHub, Figma, and 50+ more through our marketplace.
Set up teams, permissions, and workflows. The guided setup wizard handles most of the configuration automatically.
One click and you're live. Monitor everything from your dashboard. The whole process takes under 10 minutes.
Use built-in analytics to find bottlenecks. Automated suggestions help you improve over time.
FAQ
Two columns let you fit more questions above the fold. Good for pages where the FAQ list is long but individual answers are short.
Free plan available. Pro starts at $29/month. Enterprise pricing is custom. All plans include core features.
14-day free trial on all paid plans. No credit card required. Full access to every feature.
Email support on all plans. Live chat on Pro. Dedicated account manager on Enterprise.
CSV, JSON, and direct API imports supported. Migration guides available for all major platforms.
iOS and Android apps available. Full feature parity with the web version. Offline mode included.
FEATURES
Icon prefix gives each panel a visual identity. Works well for feature lists where each item has a distinct category or function.
Build workflows visually. Drag triggers and actions together. Conditional branching, loops, and error handling built in.
Invite members, set roles, and manage permissions. Activity feeds and audit logs track every action.
RESTful API with OpenAPI spec. Real-time webhooks for every event. SDKs for Python, Node, Ruby, and Go.
SUPPORT
This panel gets a white background fill when it opens. The color transition signals the state change and draws attention to the open panel's content.
Average response time under 4 hours. Pro users get live chat with under 5 minute response times during business hours.
Upgrade or downgrade anytime. Changes take effect at the next billing cycle. Prorated credits applied automatically.
Yes. Volume discounts kick in at 10+ seats. Contact sales for custom pricing on larger teams.
docs.example.com has guides, API references, and video tutorials. Updated weekly with new content.
© 2026 Brandname. All rights reserved.
