workos.com/launch-week/summer-2025

WorkOS Launch Week | Summer 2025saved 26d ago · captured 26d ago

Eight details, eight pinned.

View as Markdown ↗

Colors8 colors · ground #76CFF8

ground#76cff8·45.12%#e9f6f8·41.89%#afe3f9·10.08%#d5d5d0·1.43%#b3b2af·0.42%#70a4bb·0.40%#40bdee·0.37%#537395·0.09%

Sized by coverage · click to copy.

Typography3 families · 4 styles · Instrument Serif, Times New Roman, Ibm Plex Mono

A week of launches from WorkOS

Instrument Serif · 40/48 · 400 · 0.4px

SwimClub

Times New Roman · 44/53 · 400 · normal

Body

Take full control of your auth UI with custom CSS. Style elements, customize lay

Times New Roman · 19/27 · 400 · normal

Small

background-color

Ibm Plex Mono · 12/19 · 400 · 0.24px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsSubscribe for updates1 style

Subscribe for updates

primary · fill #a6e3fa · label #0f0f14 · radius 4px · border 1px · padding 9px 20px · height 56px · type 20px / 400

Shape5 radii · 65 uses

2px21 uses · 32%

4px14 uses · 22%

5px12 uses · 18%

3px9 uses · 14%

6px9 uses · 14%

AnalysisA summer launch-week page that trades WorkOS's usual enterprise sobriety for a sky.

A summer launch-week page that trades WorkOS's usual enterprise sobriety for a sky. The hero is a soft, dithered cloudscape in powder blues (#76cff8, #afe3f9) with "Launch Week" rendered as a giant glossy, glass-lettered script floating through it, a lone WorkOS wordmark above and a tiny circular "Scroll" badge below. Every piece of content sits inside a classic-Mac-style window — cream (#fefcf5) paper ground, 1px hairline chrome, a title bar of horizontal pinstripes with a small icon at left, 2–5px radii — and each launch is its own window stamped "Launch 02: 06.24" like a dated postcard. Type is all serif: Instrument Serif at 72px/400 for display, Times-family serif at 19px for body, which gives the pixel art and old-OS UI a literary, unhurried voice. Inside the windows the product demos are dressed as a fictional "SwimClub" app with 8-bit pool and cabana icons, pixel-perfect toggles and a pixel-art palm-tree photo, and the code panels are near-black so they read as a separate layer. The single CTA is a glossy aqua-gel button ("Subscribe for updates" plus an X mark) with a 1px border and 4px radius — the one place gradient shine is allowed. The effect is nostalgic and vacation-bright without being kitsch: a calm summer palette, a disciplined window grammar, and serif restraint holding a lot of playful pixel detail in place.

Style recipe- **Palette:** page ground cream #fefcf5; sky blues #76cff8 / #afe3f9 / #e9f6f8 for hero and demo canvases; CTA aqua #a6e3fa; ink #0f0f14; hairlines in warm gray #d5d5d0; one near-black code surfac…

·Palette: page ground cream #fefcf5; sky blues #76cff8 / #afe3f9 / #e9f6f8 for hero and demo canvases; CTA aqua #a6e3fa; ink #0f0f14; hairlines in warm gray #d5d5d0; one near-black code surface.
·Type: display in a high-contrast serif (Instrument Serif or similar) at ~72px/400 with +1% tracking; body in a Times-class serif at 18–19px, line-height ~1.4; no sans except the logo and UI labels inside mock windows.
·Containers: 1px hairline windows on cream, 2–6px radii, a pinstriped title bar (repeated 1px horizontal rules) with a 16px icon at left and an optional date label; light drop shadow only on the floating hero window.
·Hero: full-bleed dithered gradient sky, a single oversized script or display word set in glass/chrome, small centered logo up top, a round "Scroll ↓" badge at the bottom, the actual copy + CTA in one window pinned bottom-right.
·Content rhythm: one window per release, stacked with generous vertical air; each window splits into a cream copy pane (title, 2–3 line description, "Read blog post ↗") and a wide sky-blue demo pane.
·Illustration: pixel-art / 8-bit icons and photo treatments, a fictional but coherent demo app, beveled toggles and gel buttons; keep motifs seasonal (pools, palms, cabanas) and consistent across every window.
·Buttons: one glossy gradient CTA with 1px border and 4px radius; everything else is plain text links with a ↗ arrow.
·Avoid: sans-serif headings, large radii, flat SaaS cards, more than one glossy element per viewport.

Details8 worth noting

workos.com/launch-week/summer-2025 — the captured page — Landing, 1440 × 900 · captured Sep 13, 2026

1Dithered cloud sky
Dithered cloud sky as a hero ground — a soft blue gradient with visible halftone dither, so the "photo" feels printed rather than rendered, and the cream page below it reads as paper.
2Glossy script wordmark
Glossy script wordmark as the hero object — "Launch Week" set in a chrome/glass brush script, tilted, sitting *in* the clouds rather than on top of a heading stack; the real headline is demoted to a side window.
3Classic-OS window container
Classic-OS window as the universal container — hairline border, pinstriped title bar with an app icon, dated label ("Launch 02: 06.24"), cream fill. Every launch, the hero card, and the CTA all use the same chrome, so a campaign of six releases reads as one system.
4Fictional pixel-art demo app
Fictional demo app ("SwimClub") in a consistent pixel-art dialect — 8-bit pool/cabana icons, a "NEW" pill, a rounded search field with a glossy magnifier button, and beveled toggles; the product feature is shown *through* a toy product instead of a screenshot.
5All-serif type pairing
All-serif type pairing — Instrument Serif display (72px, 400, slight positive tracking) over a Times-family body at 19px/1.4; no sans anywhere but the logo.
6Single glossy gel CTA
One gel button — the aqua CTA (#a6e3fa on #0f0f14 text) with a vertical shine gradient, 1px border, 4px radius and 56px height, used exactly once so the glossiness stays special.
7Tiny retro-OS radii
Tiny radii everywhere (2–6px) — keeps the retro-OS feeling; nothing is pill-shaped except the search field and "Popular" badge inside the fictional app.
8Near-black code panels
Near-black code panels as the only dark surfaces, set against the sky-blue demo canvas so the "developer" layer is legible at a glance.

saas · landing · light

workos.com/launch-week/summer-2025

More like this