cuttable.com

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.

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.