ORDISHO — Cold email SaaS landing page

ORDISHO, down to the details.

Recreate the supplied ORDiSHO reference as sharp, editable interface elements. A rounded black navigation bar leads into the grid-backed outreach hero and campaign dashboard. Explore customer targeting, sample email drafts, reporting periods, four workflow guides, language previews and local onboarding dialogs. The complete source, local fonts, imagery and customization instructions travel together in the download.

Vivid orange · warm white · Inter.

Inside the page

• Black pill navigation and two-line outreach hero on a pale grid
• Six-section campaign dashboard with expandable activity and sample email drafts
• Three feature cards and illustrative business metrics
• Customer targeting form and email-monitoring report
• Four workflow tabs, three product benefits and four sample testimonials
• White-ring invitation, onboarding dialogs and four-column black footer

Try it in the preview

• Switch dashboard tabs, expand campaign details and prepare a local sample email draft.
• Select customer segments, location and industry, then preview the sample audience.
• Change reporting periods and switch four keyboard-accessible workflow tabs.
• Try registration, login, sample-plan, payment and language previews without sending data.
• Use the responsive menu, real section links, native dialog focus and Escape dismissal.

The preview and its source, together.

Keep the HTML and assets folder together. The ZIP includes all files needed to open the page locally.

• index.html

  Editable page

  The complete HTML, CSS and JavaScript used in the preview.

• assets/

  Local imagery and fonts

  WebP images, font files and their licenses. Included in the ZIP.

• PROMPT.md

  Customization prompt

  A brief for your brand, audience, verified content and approved imagery.

• SKILL.md

  Reusable AI workflow

  Instructions for adapting the page and checking its interactions.

• README.md

  Quick-start guide

  File structure, working controls and front-end demo boundaries.

• ASSETS.md

  Asset provenance

  Reference imagery, font and icon sources, and reuse conditions.

• LICENSE

  Implementation license

  MIT terms for the code and instructions; imagery has separate rights.

• PHOSPHOR-LICENSE.txt

  Icon notice

  The MIT license for the included Phosphor icon paths.

From reference to your own site.

1. Extract and open

   Download the ZIP, extract it, then open index.html. Leave the assets/ folder beside it.

2. Add your story

   Replace the sample copy, catalog or team data and images with your verified content. Adjust the CSS colors or use the included AI prompt.

3. Check and publish

   Try the page on a phone and with a keyboard. Verify image rights and business claims, connect any required services, then publish on your static host.

Make it yours with AI

Bring the HTML file and these instructions to your preferred coding assistant. Replace the bracketed inputs with your product details.

AI customization is optional. Skill installation depends on your assistant; WOG Labs does not install it for you.

Code you can adapt. Assets with their own terms.

The HTML/CSS/JavaScript implementation, prompt and skill are MIT-licensed. Retain the included copyright and permission notice.

ORDISHO uses editable HTML interfaces, local generated illustrations, reusable fictional portraits and the official Phosphor Record icon. Sample people, testimonials, metrics and contact details are illustrative. The reference-inspired branding and imagery are outside the code’s MIT grant. Local Inter fonts use SIL OFL; Phosphor icons use MIT. See ASSETS.md for provenance.

Download code license · Read asset provenance