# cuttable.com

Source: https://www.cuttable.com/
Captured: 2026-10-26
Tags: saas, landing, light, both, minimal, corporate-clean, organic, confident, optimistic, human, friendly, energetic
Colors: #f6f6f6, #7b7165, #d0ccc8, #beb2a7, #312924, #9b938b, #9182f5, #52514e
Type (h1): PolySans-Median · 64px/64px · 600 · tracking -0.64px — "AI ads that learn, perform and stay on-brand"
Type (h2): PolySans-Median · 48px/48px · 600 · tracking -0.48px — "Never run out of ads that work."
Type (h3): PolySans-Median · 28px/32.2px · 600 · tracking -0.28px — "Predict what’s next"
Type (body): BeausiteClassicWeb · 18px/26px · 400 — "For eCommerce teams who need more ads, faster, without losing their edge."
Type (button): BeausiteClassicWeb · 14px/22.4px · 500 — "Book a demo"
Button: "Book a demo" — fill #634cff, text #ffffff, radius 8px, border 0px, padding 0px 18px, height 38px, type 14px/500
Radii: 16px (40), 8px (16), 72px (8), 50% (6), 360px (3)

## Images

- Hero (desktop): https://media.lvly.design/library/cuttable-com/hero.webp?v=fe3a1707
- Page crop (mid-1): https://media.lvly.design/library/cuttable-com/mid-1.webp?v=9bb9ad25
- Page crop (mid-2): https://media.lvly.design/library/cuttable-com/mid-2.webp?v=7551dc12
- Hero (mobile): https://media.lvly.design/library/cuttable-com/mobile-hero.webp?v=34812cfa
- Full page (desktop): https://media.lvly.design/library/cuttable-com/full.jpg?v=d057eb14
- Full page (mobile): https://media.lvly.design/library/cuttable-com/mobile-full.jpg?v=eda67469
- Clip preview (mp4): https://media.lvly.design/library/cuttable-com/video-xwk35b.preview.mp4?v=6dfce36a

An AI-ad SaaS landing page on a flat #f6f6f6 field that would read as stock product marketing if it weren't for a scrapbook layer around the edges. Scraps of a topographic map, torn chartreuse paper, dotted-grid swatches and halftone engravings of an eye, a brain and an old Mac poke out from behind clean 16px-radius cards. One saturated electric violet (#634cff) carries the brand. It fills the CTA, colors the back half of the headline and floods one full-bleed band. A warm-gray ramp (#312924 → #7b7165 → #beb2a7) keeps the neutrals from going cold. PolySans Median at 600 with slightly tight tracking sets the headlines, Beausite Classic carries the body, and a monospace uppercase runs the eyebrows. Together they give it a product-meets-zine voice: precise, but clearly made by people.

## Steal-worthy details

- Two-tone headline: the subject in near-black (#1a1a1a), and the payoff clause ("learn, perform and stay on-brand") in the brand violet. The color itself carries the emphasis, so the headline needs no underline or highlight.
- Proof-stat eyebrow pill: a white capsule with a hairline border, a small lime status dot and monospace uppercase "$260M+ IN META SPEND ANALYZED". It reads like a live system readout, not a marketing badge.
- Collage scraps tucked behind the product frame: a map fragment, a torn chartreuse paper texture and violet dot grids poke out from behind the 16px card. The page gets a handmade, editorial edge, and the UI itself stays clean.
- Dashed hairline rules instead of solid ones: under the nav, between integration columns and under section intros. The dashes keep the light page structured without looking heavy.
- Stat row with tiny graphic glyphs collided into the numerals: overlapping violet circles behind "4.4x", a grass-texture strip under "37%", and lime-and-violet leaf shapes before "14x". Each big number gets its own small illustration.
- Halftone engraving objects (an eye, a brain, a beige computer) on white feature cards. The vintage clip-art texture plays against the AI subject matter and makes the product feel human.
- Full-bleed violet band with a radial bloom: one section floods #634cff and fades to a lighter lavender glow behind a floating ad-card mockup. It is the page's only saturated surface, so it lands as the climax.
- Torn-paper edge from the light page into a near-black footer, which closes on an edge-to-edge wordmark-scale tagline ("Create. Results.") cropped by the viewport.
- A pale mint (#d9f8d4) integrations card sits next to the white cards. It is the only pastel surface in the system and marks the integrations block as a separate zone without another accent.

## Style recipe

Build on a flat off-white canvas (#f6f6f6) with white cards at a 16px radius. Use 8px for buttons and small chips, full pills (360px) for eyebrow tags and logo capsules, and 72px for the occasional big rounded block. Give it one electric violet brand color (#634cff; a lighter #9182f5 for glows and secondary shapes) and use it three ways only: solid CTAs, the payoff half of a headline, and a single full-bleed section that blooms from violet to lavender. Add a lime/chartreuse (~#b8e65c) as a small secondary spark: status dots, paper textures, the accent button on violet. Keep the neutrals warm, never blue-gray. Use #312924 for ink, #52514e/#7b7165 for secondary text and #beb2a7/#d0ccc8 for hairlines and muted fills. Type: a geometric grotesk display face (PolySans Median or similar) at weight 600 with tight leading (1.0) and -0.01em tracking, sized 64/48/28px. Use a humanist sans for body at 18/26px, and 14px weight 500 for buttons. Set eyebrows in uppercase monospace at ~12px with loose tracking, either bare above section titles or inside a hairline pill with a colored dot. Separate everything with 1px dashed rules instead of solid borders, and skip shadows except a faint lift under the main product frame. Give the page its character by tucking analog collage scraps behind clean cards: torn paper, map fragments, dot grids, and halftone engravings of everyday objects. Let them peek out and get cropped. Never let them sit on top of content. Decorate big stat numerals with small overlapping shapes or textures. End on a near-black footer, entered through a torn-paper edge, that closes on a giant cropped tagline in the display face.