OpenDesign

Build a single HTML visualizer for particles, fractals, simulations, or data. It moves heavy calculations into a Web Worker, a background browser process, and draws on a canvas while targeting smooth 60fps rendering.

• Prototyping a particle or physics simulation
• Visualizing Mandelbrot or Julia fractals
• Building an audio or data visualizer

Creates web prototypes inspired by Swiss industrial print, using newsprint backgrounds, oversized black type, fine grid lines, and red accents. It suits editorial pages, agency portfolios, and manifesto sites with a precise, assertive visual style.

• Prototyping a newspaper-style editorial page
• Designing an agency portfolio
• Building a manifesto site

Apply a code rewrite plan one step at a time through small, reviewable edits. Keep changes within assigned files, check risk restrictions, and record each step’s files, change summary, rationale, and completion status.

• Applying a code migration plan in small steps
• Keeping localized changes easy to review
• Recording reasons for completed or skipped steps

Prototype a single-page website for SaaS, documentation, or knowledge products. Use warm off-white backgrounds, serif headings, fine dividers, generous spacing, and subtle motion to create a restrained layout with features and a signup or pricing section.

• Prototype a SaaS marketing page
• Explore a documentation page design
• Build an introduction page for a knowledge product

Turn research reports or internal reviews into a self-contained HTML slide deck. Paper-colored pages, ink-blue dividers, and serif typography organize findings and metrics, while keyboard, wheel, and touch navigation support presentation and browsing.

• Presenting study design, results, and limitations at a lab meeting
• Organizing a quarterly internal review
• Creating a Japanese research presentation

Turn a product launch into an HTML presentation for press, communities, and prospects. Organize headlines, supporting evidence, and calls to action within a consistent editorial design that uses a dark background and a single orange accent.

• Prepare a product launch presentation for the press
• Explain a new product to a community
• Present launch messages and evidence to prospects

Create an HTML presentation for a graduation design project about transit hub wayfinding. Organize the brief, process, evidence, and outcome into a pastel sticky-note design that helps faculty and reviewers assess the contribution and limitations.

• Preparing a graduation project defense
• Explaining the process behind a wayfinding design
• Organizing project evidence and limitations

Turn notes and analysis into HTML slide decks for client recommendations, technical talks, or reports. Choose from themes and layouts, add speaker scripts and animations, and export slides as PNG images using the supplied rendering script.

• Turn analysis into a client recommendation deck
• Prepare a technical talk with speaker scripts
• Create slides for a product launch

Create an HTML policy briefing deck about expanding urban tree canopy for city councils and agency reviewers. Organize public needs, evidence, policy options, and funding decisions within a consistent forest-green and cream presentation template.

• Preparing an urban greening proposal for city council
• Organizing policy evidence and options for agency review
• Presenting a funding decision in a policy briefing

Create an HTML slide deck about neighborhood shops using portraits, local voices, and a handmade print style. Organize community stories in a coordinated beige-and-green layout that feels like a small independent magazine.

• Documenting disappearing neighborhood shops
• Sharing local portraits and voices
• Presenting a creator portfolio

Create a three-screen mobile onboarding prototype showing a welcome screen, app benefits, and sign-in options. The HTML page presents three phone frames side by side, with status bars, pagination dots, and primary action buttons.

• Designing a meditation app's welcome flow
• Reviewing how an app introduces its benefits
• Presenting a flow from welcome to sign-in

Create an HTML presentation diagnosing margin recovery for a regional grocery chain. Organize the central recommendation, contributing factors, priorities, and roadmap into a decision deck, using a coordinated sage, cream, and burnt-orange visual style.

• Presenting a grocery chain's margin-recovery diagnosis
• Explaining initiative priorities to a steering committee
• Creating an advisory deck with a warm visual style

Create an HTML presentation showing a photography studio's signature work, process, and pricing packages. A coordinated black and electric-yellow template helps prospective clients review the studio's work and consider a commission.

• Presenting a photography studio's portfolio
• Explaining packages and rates to prospective clients
• Preparing a creative agency pitch

Create an employee training deck about recognizing phishing and responding in the first 60 seconds. The HTML slides use a Windows 95-inspired design, with editable content and an adjustable slide count that preserves the template’s visual style.

• Preparing employee training on phishing awareness
• Explaining what to do in the first 60 seconds
• Creating security slides for employee onboarding

Create HTML slide decks for humanities lectures and research presentations, organizing sources, arguments, and evidence. A coordinated navy and warm-yellow template gives the slides a calm, scholarly appearance.

• Preparing slides for a humanities lecture
• Presenting research in a graduate seminar
• Turning a research synthesis into a scholarly deck

Create an HTML pitch deck for Series A fundraising, explaining growth, expansion, and the case for venture-scale returns. Large headlines and a red accent help organize the story around a few clear statements per slide.

• Preparing a Series A fundraising pitch
• Presenting growth and expansion to investors
• Turning a founder's vision into bold slides

Create an HTML quarterly business review for executive decisions, covering progress, stalled work, and resource reallocation requests. The template keeps slides visually consistent with cream backgrounds, cobalt blue accents, and coordinated layouts.

• Preparing quarterly business reviews for executives
• Explaining resource reallocation requests
• Creating investor reports or advisory updates

Create an HTML thesis defense deck that makes the research contribution, evidence, and limitations easy to find. The template uses warm neutral colors and classical typography, with an economics thesis on minimum wages as its example subject.

• Prepare an economics thesis defense
• Organize research evidence and limitations
• Turn research materials into restrained HTML slides

Summarize the past 24 hours of Gmail activity into items needing action, items worth attention, and informational updates. Orbit presents the daily digest as an opened email in a Gmail-style reading view using an authenticated Gmail connection.

• Reviewing the past 24 hours of Gmail activity
• Checking messages that need action
• Separating noteworthy updates from informational mail

Turn a Kyoto cherry-blossom trip into an HTML photo essay, from arrival to peak bloom and a memorable moment. A vintage Japanese cassette-package design gives the slides a consistent visual style for sharing with friends and travel readers.

• Sharing a cherry-blossom trip with friends
• Creating a photo essay for travel readers
• Presenting travel memories in a retro visual style

Build a single mobile app screen mockup in an iPhone 15 Pro frame. Choose from six layout types, apply the project's design settings, and produce HTML with device details such as the Dynamic Island and status icons.

• Mocking up a feed or message list
• Exploring a profile or product detail screen
• Presenting a checkout or welcome screen

Build an HTML finance deck explaining per-unit profitability and BYOK costs, where users supply their own API keys. Present assumptions and how results change under different conditions, using a consistent cream and rust-red visual style for CFOs and investors.

• Explaining per-unit profitability to a CFO
• Presenting a BYOK cost model to investors
• Showing how changing assumptions affects costs

Create magazine-style HTML slide decks for editorial pitches, brand presentations, and art direction reviews. A coordinated three-color palette, contrasting typefaces, and reusable layouts keep the presentation visually consistent.

• Presenting a culture magazine relaunch
• Preparing a fashion brand presentation
• Reviewing an editorial design direction

Create an HTML presentation outlining digital transformation for an established insurer. Organize the diagnosis, sequence of initiatives, and operating rhythm for executive decisions, using a warm paper palette and a consistent, restrained editorial design.

• Presenting an insurer's digital transformation roadmap
• Explaining initiative priorities and implementation order
• Preparing an executive decision presentation