Stord website pair (Get Product Anywhere / Stories)

Two Stord website screens side by side, a dark "Get Product Anywhere" hero and a light "Stories & Solutions" content hub, on a near-black field.

Styleminimal, dark-mode, technical

Colordark, high-contrast, cool

Typesans-serif, oversized, display

Moodpremium, professional, technical

Elementsimage, nav-menu, button-primary

Tagswebsite-screenshots, dark-and-light-pair, hero-section, content-hub, big-type, 3d-render, green-cta, blue-cta

Palette

#141414

#FFFFFF

#3D4BF5

#3CE07A

Summary

Two Stord web pages float side by side on a dark field: a black hero reading "Get Product Anywhere" and a white "Stories & Solutions" resource page.

Visual description

Near-black background with two browser screens centered as floating rectangles, each with a thin green top edge. The left screen is a dark hero: "Get Product Anywhere" in oversized white sans, a small freight blurb and a "Get a Freight Quote" button, over a 3D render of a neon-lit rooftop. The right screen is light: "Stories" in heavy black sans with a ghosted "& Solutions" beneath, a Blog/Resources filter toggle, and two grayscale 3D article thumbnails. The contrast of one dark and one light page on the same neutral ground is the whole composition.

Key takeaway

Showing a dark and a light page from the same site as a matched pair proves the system flexes across modes. Floating both on a neutral ground with a thin accent edge reads cleaner than full-bleed device mockups.

Reuse notes

A simple, repeatable way to present two contrasting screens from one product. Leave generous negative space around the floating screens so they read as artifacts, not backgrounds. Works for any case study that wants to show range in one slide.