# mymind.com

Source: https://mymind.com/
Captured: 2026-10-30
Tags: saas, landing, light, both, editorial, minimal, bento, calm, warm, elegant, human, premium
Colors: #fbfafb, #fedac5, #feb194, #d0d3d7, #fe8c67, #6d6f74, #343233, #ffc671
Type (h1): Avenir LT W01_45 Book1475508 · 140px/119px · 400 · tracking -8.4px — "Remember everything. Organize nothing."
Type (h2): Avenir LT W01_45 Book1475508 · 16.002px/28.008px · 400 — "OUR MANIFESTO"
Type (body): Inter-Regular · 20px/44px · 400 · tracking -0.4px — "All your notes bookmarks inspiration articles and images in one single, private "
Type (button): Nunito-SemiBold · 18px/30px · 400 · tracking -0.4px — "iPhone app"
Button: "iPhone app" — text #748297, radius 100px, border 0px, padding 10px 24px, height 50px, type 18px/400
Radii: 100px (16), 16px (7), 12px (2), 120px (2), 50% (1)

## Images

- Hero (desktop): https://media.lvly.design/library/mymind-com/hero.webp?v=62193a37
- Page crop (mid-1): https://media.lvly.design/library/mymind-com/mid-1.webp?v=dfb493fc
- Page crop (mid-2): https://media.lvly.design/library/mymind-com/mid-2.webp?v=d3c0a2f0
- Hero (mobile): https://media.lvly.design/library/mymind-com/mobile-hero.webp?v=ff488fc6
- Full page (desktop): https://media.lvly.design/library/mymind-com/full.jpg?v=96b3cbe5
- Full page (mobile): https://media.lvly.design/library/mymind-com/mobile-full.jpg?v=fd58ebac
- Clip preview (mp4): https://media.lvly.design/library/mymind-com/video-5a0me5.preview.mp4?v=b0704105

A private-notes app sold like a literary object. The hero is a huge white disc punched out of a blurred peach-to-coral aura (#fedac5 → #feb194 → #fe8c67, with a yellow #ffc671 bleed at the lower left), and inside it a 140px high-contrast book serif with -8.4px tracking sets the promise in two centered lines. Everything else stays quiet: Inter at 20px with an airy 44px line height, gray ghost pills, an off-white #fbfafb canvas, and product UI shown as soft gray-blue cards with 16px corners. Color is rationed into tiny signals (colored nav dots, outlined content-type chips) until one full-bleed saturated orange band breaks the calm halfway down. Lower down, a two-column bento of feature cards in pale tinted fills, a floating pill nav that detaches on scroll, and furniture photography scattered like a moodboard keep it feeling like a curated private collection rather than software.

## Steal-worthy details

- Aura-ring hero: a white circle sits in front of a heavily blurred warm gradient, so the color reads as a glowing halo around the headline rather than a background fill
- Display serif at 140px with -8.4px (-0.06em) tracking and a 0.85 line height, letting the ascenders and descenders of the two lines nearly interlock
- Inline outlined chips inside the sentence: each noun ("notes", "bookmarks", "images") gets its own hue for both a 1px border and its text, turning the subhead into a color legend
- Nav links prefixed with a 5px colored dot each (orange, yellow, pink; green on Log in), the only color in an otherwise gray header
- Platform download buttons as borderless light-gray pills (100px radius, 10px 24px padding) carrying full-color store logos, so the logos supply all the color
- The product preview opens with an italic condensed serif placeholder, "Search my mind…", in gray, making the search bar itself the brand moment
- Header detaches into a floating white pill with a soft, wide shadow once you scroll, inset from the page edges
- Manifesto block in serif with a list of refusals, each starting with a bold orange "NO": the brand stance set as typography
- "AI" set as a small outlined pill inline within the serif headline, demoting the buzzword to a tag
- One full-bleed saturated orange band halfway down, the only loud section on an otherwise pale page, used for the core claim
- Bento feature cards in pale tinted fills (blue-gray, sage, blush), each pairing a blurred product vignette with a sans heading and gray body copy

## Style recipe

Build a calm, literary light UI on an off-white canvas (#fbfafb), with ink #343233 and secondary text #6d6f74; reserve pure white for cards and the hero disc. Headlines use a high-contrast book serif (a Garamond or Canela-like face) at regular weight, huge (120–140px desktop), centered, with tracking at -0.06em and line height around 0.85 so the lines nearly touch. Section headlines use the same serif at 56–64px; use an italic condensed serif for placeholder and quote moments. Body and UI text is Inter at regular 400, 18–20px, -0.02em tracking, with a generous 2.2 line height for lead copy. Color: a warm peach-to-coral family (#fedac5, #feb194, #fe8c67, a #ffc671 yellow touch) used as heavily blurred auras (filter: blur(80–120px)) behind white shapes, never as flat fills, except for one full-bleed saturated orange section (about #fe5a1f, which is also the Sign up fill) that carries the core claim. Ration other hues into tiny signals: 5px colored dots before nav links, and 1px outlined pills whose border and text share one hue. Shapes: pills at 100px radius for every button and chip, cards at 16px, small inner surfaces at 12px. Primary CTA is a solid orange pill with white text; secondary actions are borderless light-gray (#f0f1f3-ish) pills with gray #748297 text in a rounded sans, 10px 24px padding, about 50px tall. Feature cards sit in a two-column bento with pale tinted fills (blue-gray, sage, blush), 48px inner padding, a softly blurred product vignette on top, a 40px sans heading and gray body text below. The header floats as an inset white pill with a wide, low-opacity shadow. Use real objects and photography as collage, slightly overlapping, never stock illustration. Keep motion slow and soft.