A professional healthcare-focused theme for Slidev with Doctolib branding and confidentiality classification system.
- 🎨 Professional Doctolib Branding - Official logos, colors (#00264C), and design elements
- 🔒 Confidentiality Classification - Built-in C0-C3 security levels (Public, Internal, Restricted, Protected)
- 📱 Responsive Design - Optimized for all screen sizes and devices
- 🎯 Healthcare-Focused - Perfect for medical presentations, training, and compliance
- 💻 Developer-Friendly - Vue 3 components, TypeScript support, Tailwind CSS
- 🎨 Professional Typography - Montserrat font family for optimal readability
- 📊 Rich Layouts - Multiple pre-built layouts including cover, two-column, and image positioning
- 🌙 Syntax Highlighting - Vitesse theme with support for all major programming languages
- 📤 Export Options - PDF, PNG, and static HTML generation
Add the following frontmatter to your slides.md. Slidev will automatically prompt you to install the theme:
---
theme: doctolib
title: My Healthcare Presentation
author: Your Name
exportFilename: my-presentation
confidentialityLevel: 0
---Or install manually:
npm install slidev-theme-doctolib---
theme: doctolib
title: "Patient Care Guidelines"
author: "Dr. Smith"
confidentialityLevel: 1
---
# Welcome to Our Medical Training
Professional healthcare presentations made simple.
---
# Treatment Protocol
Standard procedures for patient care...Set the appropriate confidentiality level using the confidentialityLevel frontmatter:
0- C0 Public - Information that can be shared openly1- C1 Internal - For internal company use only2- C2 Restricted - Limited access required3- C3 Protected - Highest security level
---
confidentialityLevel: 2
---
# Restricted Medical Data
This slide shows C2 classification automatically.The theme includes several specialized layouts:
---
layout: cover
---
# Presentation Title
*Subtitle and description*---
layout: two-cols
---
# Left Column Content
Medical procedures and protocols...
::right::
# Right Column Content
Supporting diagrams and charts...---
layout: image-right
image: '/path/to/medical-image.jpg'
---
# Content with Image
Your content appears on the left, image on the right.<ConfidentialityLevel :confidentialityLevel="2" />- Node.js ≥14.0.0
- Slidev ≥0.19.3
# Start development server
npm run dev
# Build presentation
npm run build
# Export to PDF
npm run export
# Export slides as PNG images
npm run screenshotThe theme uses Tailwind CSS and can be extended with custom styles:
---
theme: doctolib
---
<div class="bg-blue-50 p-4 rounded-lg">
<h2 class="text-blue-800">Custom Healthcare Card</h2>
<p class="text-blue-600">Enhanced with Tailwind classes</p>
</div>All configuration is done through frontmatter in your presentation:
---
theme: doctolib
title: "Your Presentation Title"
author: "Your Name"
exportFilename: "custom-filename"
confidentialityLevel: 0 # 0-3
fonts:
sans: "Montserrat" # Default font
highlighter: "prism" # Code highlighting
---- Primary: #00264C (Doctolib Blue)
- Background: White/Light theme optimized
- Text: High contrast for accessibility
- Font Family: Montserrat (professional, readable)
- Hierarchy: Consistent heading and body text scaling
- Line Height: Optimized for presentation readability
- Grid System: Tailwind CSS responsive grid
- Consistent Margins: Professional spacing throughout
- Component Padding: Balanced for visual hierarchy
This theme is specifically designed for medical and healthcare presentations:
- Patient Care Guidelines - Treatment protocols and procedures
- Medical Training - Onboarding and continuing education
- Research Presentations - Clinical findings and data
- Compliance Training - HIPAA, privacy, and regulatory content
- Team Communications - Internal updates and announcements
- Technology Demos - Health tech and medical device presentations
Built with ❤️ for healthcare professionals using Slidev.