Design System

PsychAssist

Colors

Background

#ffffff

Text

#111111

Primary

#0056c1

Secondary

#30cd9b

Typography

Heading 1 - 48px Bold

font-bold text-4xl

Heading 2 - 36px Semibold

font-semibold text-3xl

Heading 3 - 30px Semibold

font-semibold text-2xl

Heading 4 - 24px Medium

font-medium text-xl

Heading 5 - 20px Medium

font-medium text-lg

Heading 6 - 18px Medium

font-medium text-base

Body text - 16px Regular. This is the default paragraph text used throughout the application. It provides good readability and maintains consistency across all content areas.

text-base text-gray-700

Small text - 14px Regular. Used for captions, metadata, and secondary information.

text-sm text-gray-500

Two Column Layout

Text Left

This is an example of a two-column layout with text on the left and an image on the right. This layout is commonly used for feature sections and content presentation.

Cards

Feature One

This is a description of the first feature card with an icon and some body text.

Feature Two

Another feature card example with different content and styling.

Feature Three

The third feature card demonstrating the card component design.

Testimonial Block

“PsychAssist has revolutionized our assessment process. The AI-powered tools have significantly reduced our report writing time while maintaining the highest standards of accuracy and professionalism.”

Dr. Sarah Johnson

Clinical Psychologist, ABC Practice

CTA Section

Ready to Transform Your Practice?

Join thousands of psychologists who are already using AI to enhance their assessment capabilities.

Button Variants

Primary Buttons

Secondary Buttons

Ghost Buttons

Form Input + Label

FAQ Accordion

Our AI-powered platform uses advanced natural language processing to analyze assessment data and generate comprehensive reports that maintain clinical standards while significantly reducing manual writing time.

Yes, we prioritize data security and privacy. All data is encrypted in transit and at rest, and we comply with HIPAA and other relevant privacy regulations.

Absolutely! Our platform allows you to create and save custom templates that match your practice's specific requirements and formatting preferences.

PsychAssist supports a wide range of psychological assessments including cognitive, personality, behavioral, and clinical evaluations with customizable templates for each type.