Welcome to Edera V2

This presentation demonstrates all the features of the Edera V2 MARP theme.

What you’ll see:

• Color palette and typography
• Available slide layouts
• Code syntax highlighting
• Tables and lists
• Best practices

Color Palette

The Edera V2 theme uses a carefully chosen color scheme:

• Dark Teal (#013a3b) - Main brand color for backgrounds and text
• Light Mint (#d0fdf2) - Secondary background for content slides
• Cyan Accent (#02f4d5) - Highlights, links, and emphasis
• White and black for maximum contrast

All combinations meet WCAG AA accessibility standards.

Typography Scale

The theme uses a clear typographic hierarchy:

H2: Section Headings (40px)

H3: Sub-headings (28px)

Regular paragraph text is set at 24px for excellent readability from a distance.

Bold text uses the cyan accent color for emphasis.

Lists and Bullets

Unordered lists use cyan bullets:

• First point explaining a concept
• Second point with additional details
• Third point summarizing the idea
  • Nested items work too
  • Multiple levels supported

Ordered Lists

Numbered lists for sequential content:

1. Install dependencies with npm install
2. Create your presentation in markdown
3. Build slides with npm run build
4. Present your content with confidence

Code Highlighting

Inline code looks like this: npm install @marp-team/marp-cli

Code blocks have syntax highlighting:

function createPresentation() {
  const slides = loadMarkdown('slides.md');
  const theme = applyTheme('edera-v2');
  return render(slides, theme);
}

createPresentation();

More Code Examples

Python example:

def generate_slides(markdown_file):
    """Convert markdown to presentation"""
    with open(markdown_file, 'r') as f:
        content = f.read()
    return marp.build(content, theme='edera-v2')

generate_slides('presentation.md')

Tables for Data

Feature	Edera V2	Other Themes
Color Scheme	Custom	Limited
Layouts	6 Types	2-3 Types
Typography	Scaled	Basic
Accessibility	WCAG AA	Variable
Documentation	Complete	Limited

Blockquotes and Callouts

Use blockquotes for important points:

“The best presentations are simple, focused, and visually appealing. Use MARP to create content that audiences remember.”
— Presentation Design Principles

Additional context can follow the quote to provide more detail.

Links and References

Links are styled with the cyan accent color:

• MARP Official Website
• Marpit Framework Documentation
• Edera V2 Theme Guide
• Usage Documentation

Building Your Presentation

Quick Commands

# Watch mode (auto-rebuild)
npm run watch

# Build HTML
npm run build

# Build PDF
npm run build:pdf

# Serve locally
npm run serve

Available Templates

Copy from templates/ directory:

• basic-presentation.md - Full template
• layouts/title-slide.md - Title variations
• layouts/content-slide.md - Content examples
• layouts/two-column.md - Two-column layouts
• layouts/image-slide.md - Image layouts

Best Practices

1. One idea per slide - Keep focused
2. Use visuals - Images enhance understanding
3. Limit text - 5-7 bullet points maximum
4. Consistent style - Stick to theme layouts
5. Practice timing - ~2 minutes per slide
6. Test output - Check PDF and HTML
7. Version control - Commit to Git

Accessibility Features

The Edera V2 theme is designed for accessibility:

• High contrast ratios (12:1 for main text)
• Large, readable fonts (minimum 24px)
• Clear visual hierarchy
• Meaningful color usage
• Keyboard navigation support
• Screen reader friendly

Layout Summary

All available slide classes:

1. .title - Opening/closing slides (dark background)
2. .content - Standard content (light background)
3. .dark - Dark variant for emphasis
4. .two-columns - Side-by-side layout
5. .image - Full-screen images
6. .image-overlay - Text over background image

Creating New Slides

Basic workflow:

1. Create markdown file in slides/
2. Add frontmatter (marp: true, theme: edera-v2)
3. Write content using markdown
4. Apply layout classes with <!-- _class: name -->
5. Build with npm run build
6. Present dist/your-file.html or .pdf

Getting Help

Resources:

• MARP Usage Guide
• Theme Customization
• Theme Analysis
• GitHub Repository
• MARP Documentation

Customization

Want to modify the theme?

• Colors: Edit CSS variables in themes/edera-v2.css
• Fonts: Change font-family declarations
• Spacing: Adjust margin and padding values
• Layouts: Add custom section classes
• New Themes: Copy edera-v2.css and modify

See docs/theme-guide.md for detailed instructions.

CI/CD Integration

GitHub Actions workflow included:

• Automatically builds on push
• Generates HTML and PDF
• Uploads artifacts
• Triggered by changes to slides/themes
• Located at .github/workflows/build-slides.yml

Key Takeaways

What makes Edera V2 great:

1. Professional Design - Clean, modern aesthetic
2. Excellent Readability - High contrast, large text
3. Flexible Layouts - Six slide types to choose from
4. Well Documented - Complete guides and examples
5. Version Controlled - Markdown in Git
6. Automated Builds - CI/CD ready