OpenDesign

Create a single-column HTML email for a product launch, with a centered brand wordmark, hero image block, headline, copy, action button, specifications, and footer. Table-based layout and inline colors support compatibility with email clients.

• Creating an email to announce a new product
• Combining product specifications and an action button
• Building a branded HTML newsletter

Build a magazine-style presentation with a paper-and-ink look. Ten reusable layouts cover narratives, data, quotes, and comparisons, while five fixed palettes provide consistent styling in a single HTML file with keyboard navigation.

• Sharing a viewpoint through a magazine-style presentation
• Highlighting figures and quotes
• Explaining steps or before-and-after comparisons

Create a 16:9 product launch presentation with a dark cover and bright content slides. Introduce the problem, show the product, present three to six features and pricing tiers, then close with a clear call to action.

• Preparing slides for a new product announcement
• Explaining the problem behind a product
• Presenting product features and pricing tiers

Create a single-file presentation with horizontal page navigation in a Replit Slides style. Choose one of eight themes, keep its colors and fonts consistent, and build a cover, agenda, content pages, and closing around your material.

• Creating a presentation with one consistent visual theme
• Choosing a Replit Slides style for product materials
• Adjusting slide count to cover all supplied points

Create a landscape card for an X post, featuring a short quote, insight, or data point. The layout combines prominent text with attribution, a handle, a category label, and a brand watermark.

• Sharing a quote with author attribution on X
• Highlighting a data point in a social post
• Creating branded cards for short insights

Create a macOS-style notification banner from an announcement or message, complete with an app icon, title, and body text. The single-file HTML design supports frosted-glass styling, light or dark appearances, and placement over video.

• Creating a notification overlay for a video corner
• Designing a product announcement banner
• Presenting an announcement as a notification-style social image

Turn an outline or Markdown document into presentation slides with oversized bold text and solid color backgrounds. Preserve the original wording and order, choose a black, red, or yellow theme, and receive a self-contained HTML file.

• Turn a speech outline into slides without rewriting it
• Present a manifesto with oversized text and solid colors
• Create an HTML presentation with a consistent color theme

Turn A/B tests and product experiment records into decision reports. Organize hypotheses, setup, and metrics, explain findings and uncertainty, then recommend shipping, iterating, extending, or stopping, with follow-up experiments based only on supplied data.

• Deciding whether to launch a tested product change
• Reviewing growth or pricing experiments
• Assessing onboarding changes or email experiments

Build course and workshop slides that keep learning objectives visible on the left. The deck includes concepts with examples, multiple-choice self-check questions, a wrap-up, and a preview of the next module, with warm paper tones and Playfair typography.

• Preparing slides for a course module
• Structuring workshop teaching materials
• Keeping learning objectives visible during a lesson

Create print-friendly slides explaining system architecture or a pipeline, a sequence of processing steps. The layout combines a cream background, blueprint grids, process boxes, rust-red callouts, and dashed feedback loops.

• Explaining a system architecture
• Presenting the steps in a processing pipeline
• Showing feedback loops in a workflow

Build a single-page layout for an admin or analytics dashboard. It includes fixed navigation, a top bar for search and notifications, three to five key metric cards, one or two charts, and recent activity.

• Creating an admin dashboard layout
• Arranging three to five key metric cards
• Combining line, bar, or area charts on one page

Turn supplied competitor research into a product strategy report. Compare positioning, features, pricing, and user feedback, then identify opportunities and propose actions for the next 30, 90, and 180 days, while marking missing evidence.

• Comparing competitors to guide product decisions
• Reviewing pricing and plan differences
• Turning research notes into a strategy report

Format long articles for blogs and newsletters with a magazine-style layout inspired by Substack and Medium. A centered text column, contrasting headings, styled quotations, and labeled code blocks give readers clear visual cues throughout the page.

• Formatting a long blog article
• Preparing an essay or newsletter for publication
• Laying out articles with quotations and code examples

Create slides for internal engineering talks or conference presentations using a dark color scheme and a monospaced font. Organize the deck around an agenda, code examples, key points, terminal screenshots, and a closing Q&A.

• Prepare slides for an internal engineering talk
• Structure a conference presentation
• Combine code examples and terminal demos

Create slides for safety reviews, risk discussions, incident retrospectives, or security exercises. Warning stripes, three-level cards, status alerts, policy code blocks, checklists, and stacked bar charts provide a visual structure for the presentation.

• Preparing an incident retrospective presentation
• Presenting risks in three levels
• Sharing findings from simulated security attacks

Create a horizontally navigated HTML presentation with a magazine and e-paper look. Combine a flowing WebGL cover background, serif headlines, chapter dividers, large numbers, image grids, and quotation pages to present your content.

• Presenting a campaign with a magazine look
• Highlighting a key number with a short explanation
• Combining image grids and quotation pages

Create a printable, single-page A4 invoice with sender and billing details, itemized charges, tax breakdowns, totals, and payment instructions. The layout includes invoice dates and deadlines, with print styling that preserves color contrast.

• Preparing an A4 invoice for printing
• Listing quantities, unit prices, and amounts
• Presenting tax breakdowns and totals

Turn three to six stages of marketing, hiring, or selection data into a vertical funnel infographic. A single HTML file shows counts, stage conversion rates, overall conversion, and a brief explanation of losses.

• Visualizing the path from visitors to paying customers
• Showing applicant counts across hiring stages
• Comparing candidate counts during a selection process

Create presentation slides with scripts for each page and a separate teleprompter window. View current and next slides, script text, and a timer, with keyboard controls for switching among five visual themes.

• Preparing slides with a script for every page
• Checking upcoming slides while presenting
• Rehearsing a talk with a script and timer

Create a single onboarding page that helps new employees understand their first week, bringing together a five-day schedule, manager and buddy contacts, learning activities, equipment checks, and clear criteria for being ready.

• Preparing a first-week guide for new employees
• Introducing the manager and onboarding buddy
• Organizing learning activities and equipment checks

Create portrait carousel posts for Xiaohongshu or Instagram with warm pastel backgrounds and dashed sticker cards. Organize the supplied content into a cover, explanatory pages, and a closing call to action, adjusting the page count to fit.

• Preparing a Xiaohongshu image post
• Organizing an Instagram carousel
• Explaining several points across portrait pages

Create magazine-style pages for long blog posts, essays, and case studies. The layout combines readable single-column text with a prominent title, captioned figures, highlighted quotations, author details, and related article cards.

• Designing a long-form blog page
• Presenting an essay with magazine-style typography
• Laying out a case study with figures and quotations

Build a browser-based slide deck for product plans, analysis, or methods using a sixteen-column grid and one accent color. Twenty-two fixed layouts cover timelines, comparisons, diagrams, and charts based on supplied data.

• Presenting a product roadmap with timelines
• Explaining KPIs and rankings with proportional charts
• Showing before-and-after comparisons

Build a single-page operations guide for engineers on call, the people assigned to respond to service issues. Organize service dependencies, alert thresholds, dashboard links, copyable commands, duty rotations, and an incident response checklist.

• Bring service operations information onto one page
• Document alert severity, thresholds, and procedure links
• Prepare commands and checklists for incident response