# tryalcove.com

Source: https://tryalcove.com/
Captured: 2026-10-09
Tags: saas, landing, light, both, minimal, playful, warm, friendly, playful, confident
Colors: #fef0df, #42227f, #4931ae, #322e2c, #ae9db3, #d1c2b4, #2f155d, #5b534e
Type (h1): system-ui · 96px/96px · 700 · tracking -2.4px — "Dynamic Island. Now for your Mac"
Type (h2): system-ui · 30px/36px · 700 · tracking -0.4px — "Fluid transitions"
Type (small): system-ui · 12px/16px · 600 — "Emagination (B - Side)"
Type (button): system-ui · 18px/28px · 700 — "FAQs"
Button: "FAQs" — text #292524, radius 16px, border 0px, padding 16px 20px, height 60px, type 18px/700
Radii: 16px (7), 12px (6), 8px (1)

## Images

- Hero (desktop): https://media.lvly.design/library/tryalcove-com/hero.webp?v=a6617b59
- Page crop (mid-1): https://media.lvly.design/library/tryalcove-com/mid-1.webp?v=6722be1c
- Page crop (mid-2): https://media.lvly.design/library/tryalcove-com/mid-2.webp?v=7ee65d4e
- Hero (mobile): https://media.lvly.design/library/tryalcove-com/mobile-hero.webp?v=2039a0e9
- Full page (desktop): https://media.lvly.design/library/tryalcove-com/full.jpg?v=bf80ed8f
- Full page (mobile): https://media.lvly.design/library/tryalcove-com/mobile-full.jpg?v=c2baad94
- Clip preview (mp4): https://media.lvly.design/library/tryalcove-com/video-wnu89t.preview.mp4?v=d64d2614

A short single-scroll landing for a Mac utility that leans on Apple's own vocabulary and then warms it up. The whole page sits on a peach-cream ground (#fef0df) with warm near-black ink (#322e2c / #292524). Type is plain system-ui throughout: a 96px/700 headline at -2.4px tracking and line-height 1.0. All the color is concentrated in one big rounded demo panel, a deep violet macOS lock screen (#42227f to #4931ae), which works as a live, interactive product preview rather than a screenshot. Everything around it stays quiet. The personality comes from two hand-marked touches: a pink highlighter bar behind "Mac" and a lavender pen loop around "native app". Both make a stock SF-style page feel made by a person. The page closes with an oversized ghost wordmark bleeding off the bottom edge.

## Steal-worthy details

- Highlighter swipe behind the headline's key word: a flat pink (#ffa8b4) rectangle set low behind "Mac", covering only the lower half of the x-height so the glyphs sit on top like a marker stroke. No skew and no rounding, which keeps it deliberately crude
- Inline brand glyph inside the headline: the Apple logo set at cap height as a word in the sentence ("Now for your [apple] Mac"), weighted to match the 700 type
- A version chip on the wordmark: a tiny superscript "v1.7" pill (≈10px, 1px warm-gray border, 6px radius) floating at the logotype's top-right. It quietly signals that the product is alive and shipping
- Price inside the secondary button: "Purchase" carries a dark inset chip ($14.99, white on #292524, 6px radius), so the ghost button states the cost before the click
- A dark primary CTA with a soft, warm, long drop shadow (≈0 16px 32px rgba(50,46,44,.25)), so it reads as a physical key sitting on paper, paired with a borderless tinted ghost twin
- The product demo is the hero image. A 32px-radius full-width panel renders an interactive macOS lock screen with a real Dynamic Island pill and the current date and time, captioned below by a tiny gray "Psst… it's interactive!" with a cursor glyph
- A hand-drawn lavender ellipse loops around "native app" in the feature grid. One annotation like this, used once, carries more voice than any illustration
- Icon-over-label feature grid with no cards, borders or descriptions: 4×2 chunky 2px-stroke glyphs above two-line 26px/700 centered labels. Each feature gets a name and nothing else
- A giant ghost wordmark at the foot: "Alcove" at roughly 250px, a barely darker cream than the ground, fading out and cropped by the page bottom
- On scroll the header picks up a frosted cream backdrop blur and a soft bottom shadow. At the top it is fully chromeless

## Style recipe

Build on a warm peach-cream ground (#fef0df) with warm near-black ink (#292524 for UI, #322e2c for display) and a muted warm gray (#5b534e, #d1c2b4 for hairlines and tints). Use the system UI stack (system-ui, -apple-system) only. Display at 96px/700, line-height 1.0, tracking -2.4px. Section heads at 30px/700, -0.4px. Labels at 18px/700. Captions at 12px/600 in warm gray. Body at 16/24. Keep the chrome neutral and put all saturation in one place: a large rounded media panel (32px radius) in a deep violet gradient (#42227f to #4931ae, with magenta glows). Ideally make it a live or interactive product preview with a small "it's interactive" caption under it. Primary buttons are #292524 fills with white 18px/700 text, 16px radius, 16px 20px padding, a leading glyph and a soft warm drop shadow. Secondary buttons are borderless tinted ghosts (a cream about 4% darker than the ground) at the same radius, and they can carry a dark inset chip for a price or count. The radius scale is 16 / 12 / 8, plus 32 on hero media. Add human marks sparingly, at most two per page: a flat low-set pink highlighter bar (#ffa8b4) behind one headline word, and a hand-drawn lavender ellipse around one phrase. Feature lists are cardless: chunky 2px-stroke icons over two-line bold centered labels in a 4-column grid. End with an oversized, low-contrast, cropped wordmark. The header is chromeless at rest and gains a frosted cream blur and soft shadow on scroll. If violet feels too heavy for a different product, the pink highlighter can carry the accent role instead.