OpenDesign

Build an HTML presentation for a public-transit funding proposal, covering ridership needs, the plan, risk controls, and the requested decision. The template uses bold poster-style colors and typography for city councils and public boards.

• Preparing a public-transit funding proposal
• Explaining ridership needs to a city council
• Presenting a plan with risk controls

Create a single-page HTML poster with the feel of a newspaper essay. Oversized serif headlines, paper textures, six numbered sections, and annotated quotations organize substantial text into an editorial layout for opinions or launches.

• Presenting a launch announcement as an editorial poster
• Turning a manifesto into a single-page layout
• Designing a newspaper-style essay poster

Prepare a research grant presentation that organizes the hypothesis, approach, milestones, and risks for reviewers. Its ivory background and black typography create a formal, text-focused HTML deck, also suited to research summaries and detailed reports.

• Preparing a research grant review presentation
• Turning research findings into a text-focused report
• Creating an academic or policy briefing

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 a 16:9 animated hero composition with rotating rings, a globe or other focal graphic, and expressive typography. Deliver a single HTML document with CSS animations that a frame-capture exporter such as HyperFrames can turn into video.

• Create an animated hero for a marketing page
• Design a title card with moving typography
• Build a looping poster with rotating rings and a globe

Create a paper-like one-page document for a white paper or studio introduction. The skill combines a warm parchment background, ink-blue accents, and language-specific serif fonts in a single HTML file, supporting English, Japanese, and Simplified Chinese.

• Create a studio introduction page
• Present a white paper as a single web page
• Build a Japanese one-pager with key metrics

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 an HTML sales presentation supporting contract renewal and additional user seats. Organize delivered value, usage evidence, and return on investment into a proposal that customer advocates can share with finance approvers.

• Preparing a contract renewal proposal
• Explaining the return on adding user seats
• Creating a proposal for customer finance approval

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

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

Build a magazine-style HTML presentation that explains a brand’s purpose, beliefs, and direction to partners, press, or a community. Combine seven slide types with horizontal navigation, touch swipes, and a thumbnail overview.

• Explaining a brand story to partners and press
• Creating a founder pitch or conference presentation
• Combining product details, metrics, and customer quotes

Summarize the past 24 hours of GitHub pull requests, review requests, issues, CI runs, and merges in a daily briefing. The GitHub-style page highlights pending reviews and failed automated checks.

• Reviewing the past 24 hours of GitHub activity
• Checking pending review requests
• Spotting failed CI checks

Create a single-page editorial landing site from a brand brief, using paper textures, collage imagery, and structured content sections. The output includes responsive layouts, scroll animations, and sticky navigation, with generated, placeholder, or supplied images.

• Building an editorial landing page for a brand
• Presenting a studio's services and selected work
• Previewing a page with placeholder images

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

Create a single-page, printable HTML invoice with sender and recipient details, itemized charges, tax, totals, and payment instructions. Follow the supplied design settings to arrange branding, dates, payment terms, and a signature line.

• Creating an invoice for freelance design work
• Showing line items, a retainer, and tax together
• Preparing a printable invoice with payment instructions

Build an HTML presentation explaining a music festival poster series, from its concept and visual system to adaptations across formats. Use a consistent graphic style with thick borders, offset shadows, and a pink, sage, and ink palette.

• Presenting a festival poster series to clients
• Explaining a brand's visual system and format adaptations
• Building graphic portfolio presentations

Prototype a single-screen kanban task board in HTML, with columns for work stages, task cards, assignee avatars, estimates, and filters. A sprint summary highlights progress, leading assignees, and blocked tasks for a team overview.

• Prototyping a team's sprint board
• Designing a task overview with assignees and estimates
• Exploring a board layout with filters and search

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

Create investment-banking-style presentations for board discussions and M&A decisions. Organize comparable companies, past transactions, valuation ranges, and strategic options into slides that distinguish sourced figures from assumptions and explain the recommended course of action.

• Preparing board materials on strategic alternatives
• Comparing peer companies and past M&A transactions
• Presenting valuation ranges and sensitivity analysis

Create a retail training deck about consultative selling, covering the sales conversation, role plays, and daily practice. The HTML slides use a warm peach palette and consistent, approachable layouts for store associates and floor managers.

• Prepare consultative selling training for store associates
• Create onboarding slides about the sales conversation
• Build a workshop deck with retail role plays

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

Create an HTML year-end self-review deck for a product manager, organizing responsibilities, results, lessons, and requests around supporting evidence. The template uses rounded cards and pastel colors to present the case to managers or review committees.

• Preparing a product manager's year-end self-review
• Presenting evidence of achievements to a review committee
• Organizing lessons learned and career requests for a manager

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