# superscale.ai

Source: https://www.superscale.ai/
Captured: 2026-09-20
Tags: saas, landing, light, both, minimal, playful, retro-warm, warm, confident, energetic, optimistic
Colors: #fcfaf7, #d7cdc6, #baaca0, #7ca8d1, #fdc1a3, #d22d0f, #b8846f, #928e90
Type (h1): landingBody · 40px/44px · 500 · tracking -0.8px — "Marketing built by AI, judged by profit"
Type (h2): landingBody · 16px/19.2px · 400 — "Backed by leading investors & companies"
Type (body): landingBody · 18px/22.5px · 400 · tracking -0.36px — "Superscale is the operating system for marketing teams, freelancers and agencies"
Type (small): landingBody · 10px/10.4px · 700 — "ADS RESEARCHED · LAST 24H"
Type (button): landingBody · 16px/20px · 400 · tracking -0.32px — "Get started"
Button: "Get started" — fill #ff5500, text #ffffff, radius 5px, border 0px, padding 0px 20px, height 40px, type 16px/400
Radii: 8px (18), 5px (4), 10px (4), 16px (1), 30px (1)

## Images

- Hero (desktop): https://media.lvly.design/library/superscale-ai/hero.webp?v=1c0ca045
- Page crop (mid-1): https://media.lvly.design/library/superscale-ai/mid-1.webp?v=3554ee2d
- Page crop (mid-2): https://media.lvly.design/library/superscale-ai/mid-2.webp?v=18f27292
- Hero (mobile): https://media.lvly.design/library/superscale-ai/mobile-hero.webp?v=ed46389c
- Full page (desktop): https://media.lvly.design/library/superscale-ai/full.jpg?v=3e7d2569
- Full page (mobile): https://media.lvly.design/library/superscale-ai/mobile-full.jpg?v=5d3797b6
- Clip preview (mp4): https://media.lvly.design/library/superscale-ai/video-1qapup.preview.mp4?v=b064ebb9

A warm-cream AI marketing platform that spends its color budget on exactly one thing. The whole page sits on #fdfbf8 — paper, not white — and the only saturated element anywhere is #ff5500: the second line of the headline, the primary button, the inline text links, and finally the entire footer, which flips to a full-bleed orange takeover. Everything between is warm neutral: taupe #d7cdc6 hairlines, #baaca0 muted text, near-black ink. The type is a single geometric grotesque at one weight band (400/500) with negative tracking that tightens as size grows, from 18px/-0.36px body up to a 100px/105px/-1px display line, so the page reads as one voice rather than a hierarchy of fonts. The hero avoids the usual product screenshot by scattering eight overlapping app windows, each with a gray title bar carrying a literal filename — people-campaign.png, campaign-video.mp4, prompt your way — which sells "this thing makes assets" far better than a dashboard would. Below the fold the structure is deliberately un-carded: sections become large-radius warm-gray panels inset from the page edge, and features sit in hairline-divided columns with no card chrome at all. The playfulness is rationed and thematic — a pixel-block photo dissolve under "Campaigns as fast as pixels render," a bitmap-styled orange display line — so a page that is fundamentally a restrained warm minimal system still feels like it has a pulse.

## Steal-worthy details

- Two-tone headline at one weight: line one in near-black ink, line two in #ff5500, same family, same 500 weight, 40px/44px with -0.8px tracking — the color break carries the emphasis so no bold, italic or highlight is needed
- The hero product shot is eight overlapping windows, each capped by a gray title bar holding a lowercase filename (`people-campaign.png`, `campaign-video.mp4`, `competitor analysis`), 8px radius, soft drop shadow, fanned at varying depths — the filename does the explaining a caption normally would
- CTA pair runs against instinct on every axis: only 5px radius, 40px tall, 0 20px padding, and 16px at weight 400 — a light, tight, almost unstyled button — with the secondary identical in near-black, and a third tier below as plain orange text plus an arrow
- Feature rows are columns, not cards: one hairline across the top of the group, vertical hairlines between cells, an icon in a ~36px white rounded tile, 16px title, muted one-line sub — no fill, no border, no shadow around anything
- Micro-labels are 10px at weight 700, uppercase, normal tracking, separated by a middot (`ADS RESEARCHED · LAST 24H`) — the one place the page uses heavy weight, which is why the small type reads as instrumentation rather than as fine print
- The photo-to-pixel dissolve: a portrait whose right edge breaks into a scattered grid of square blocks in the brand orange, cream and photo colors, echoing the bitmap treatment on the display headline — one motif reused twice makes it read as a system, not a decoration
- Carousel controls are named people, not arrows: `← Kim Eberhardt` bottom-left and `Alexander Beresford →` bottom-right, each with their company mark, over a five-dash segmented progress bar whose active segment is orange
- Footer takeover: the full-bleed block flips to #ff5500 with white links, column headings dropped to ~60% white, and the wordmark set enormous as the final element — the only place the accent becomes the ground

## Style recipe

Build on warm paper, not white. Page ground `#fdfbf8`; sections that need separation become a panel of `#f1eeea` inset ~32px from the page edge with a 30px radius, so the cream frames them — never a bordered card. Ink is near-black `#1a1a1a`; muted text `#baaca0`; every rule and divider is a 1px `#d7cdc6` hairline. One accent only: `#ff5500`, used for the second line of a headline, the primary button, inline links, active carousel segments, and the footer ground — nothing else in the palette is saturated.

Type: one geometric grotesque for everything, two weights (400 and 500) plus a single 700 for micro-labels. Scale with tracking that tightens as size grows — display 100px/105px/-1px weight 500, h1 40px/44px/-0.8px weight 500, body 18px/22.5px/-0.36px weight 400, buttons 16px/20px/-0.32px weight 400, micro-label 10px/10.4px weight 700 uppercase with `·` separators. Emphasis is done with color, never with bold or italic: split a headline across two lines and set the second in the accent.

Radii are small and few: 5px on buttons, 8px on media and mockups, 30px on section panels. Buttons are 40px tall, `0 20px` padding, zero border, solid fill — primary in accent with white label, secondary in near-black with white label, tertiary as accent text plus a `→`. Feature grids use no card chrome: a hairline above the row, hairlines between columns, a ~36px white rounded tile for each icon, title at 16px, one muted line beneath. Shadows only on floating mockups — soft, large-radius, low-opacity — and nowhere on flat UI.

Two moves make it recognizable. First, dress product imagery as loose files: overlap five to eight windows at varying depths, each with a gray title bar carrying a lowercase filename with its extension, rather than showing one clean dashboard. Second, pick a single graphic motif tied to the product's claim (here, square pixel blocks) and run it in exactly two places — a headline treatment and one image dissolve — in the accent plus the page neutrals. Motion stays subtle: fade-and-rise on scroll, the dissolve animating in on view. Close the page with a full-bleed accent footer, white links, headings at 60% white, and an oversized wordmark as the last thing on screen.