# tryanim8.com

Source: https://www.tryanim8.com/
Captured: 2026-09-13
Tags: saas, landing, light, both, minimal, playful, playful, confident, friendly, energetic
Colors: #f2f2f2, #161618, #2d2d2e, #cfcfd0, #4f4f50, #b4b3b4, #8f8f8f, #707071
Type (h1): Nunito Variable · 132.48px/121.882px · 800 · tracking -11.2608px — "Make move."
Type (h2): Nunito Variable · 90px/108px · 780 · tracking -6.3px — "Your Figma + After Effects + Paper."
Type (h3): Nunito Variable · 26px/39px · 720 · tracking -1.3px — "Design across frames"
Type (body): Nunito Variable · 20px/30px · 480 · tracking -0.6px — "Turn MP4 and AI-generated video into editable vector animation, then export one "
Type (small): Nunito Variable · 12px/18px · 500 · tracking -0.12px — "Early launch pricing"
Type (button): Nunito Variable · 14px/21px · 700 · tracking -0.13px — "Get Pro Monthly"
Button (primary): "Get Pro Monthly" — fill #1d1d1f, text #ffffff, radius 16px, border 0px, padding 12px 20px, height 48px, type 14px/700
Radii: 12px (8), 14px (5), 20px (4), 24px (4), 17px (3)

## Images

- Hero (desktop): https://media.lvly.design/library/tryanim8-com/hero.webp?v=204ea7f4
- Hero (mobile): https://media.lvly.design/library/tryanim8-com/mobile-hero.webp?v=e6b4c3fc
- Full page (desktop): https://media.lvly.design/library/tryanim8-com/full.jpg?v=c1e05fcc
- Full page (mobile): https://media.lvly.design/library/tryanim8-com/mobile-full.jpg?v=e5ffde30
- Clip preview (mp4): https://media.lvly.design/library/tryanim8-com/video-lqe8oc.preview.mp4?v=cfd865a2

Anim8 is a one-screen hero that puts its entire personality into a single word. The page is a flat Zinc-gray ground (#f5f5f5) with no imagery, no gradient and no section chrome — just a 132px Nunito ExtraBold headline, "Make ideas move.", tracked in tight (−11px) so the rounded letterforms nearly touch. The word "ideas" is rendered as a die-cut sticker: a thick white outline with a hard offset blue shadow stroke, sat crooked on the baseline, the kind of thing a vector tool would produce — which is the product. Everything else is quiet and near-monochrome: a thin near-black top bar with early-launch pricing, a small black-blob logo, a plain text nav, and a pair of 48px pill buttons — a solid near-black primary ("Continue with Google" with a tiny play-triangle) beside a white pill on the gray ground — followed by a whisper-small dotted feature line ("No install · MP4, SVG, and Lottie · Editable Figma Motion import") and a "See it move" scroll cue. The rounded sans, the play-glyph motif, and the one sticker give a serious minimal layout a cartoon wink without any color beyond that single blue.

## Steal-worthy details

- One word as the whole visual: the sticker treatment on "ideas" (white knockout outline + offset saturated-blue stroke, slightly rotated) is the only illustration on the page, and it demonstrates the product's output rather than describing it.
- Extreme negative tracking on a rounded ExtraBold sans (Nunito 800, 132px, −11px letter-spacing, line-height ≈ 0.92) turns a display headline into a logotype-like shape.
- Play-triangle glyph as a recurring motif: it sits in the primary CTA, the sign-in button and the announcement bar, so every "go" affordance echoes motion.
- Announcement bar in the primary near-black (#161618) rather than an accent color — it reads as part of the browser chrome and keeps the page itself two-tone.
- Tiered pill weights: solid near-black primary (#1d1d1f, 16px radius, 48px tall, 700 weight 14px label) next to a pure-white secondary pill on the #f5f5f5 ground — hierarchy from tone alone, zero borders.
- Feature bullets as a 12px dot-separated line under the CTAs instead of a badge row or icon grid.
- A whole-viewport hero with the fold used deliberately: nothing peeks in from below except a tiny "See it move ▾" cue, so the demo below is a reveal.

## Style recipe

Build on a flat off-white ground (#f5f5f5) with white (#ffffff) surfaces and a near-black ink family (#161618 for bars, #1d1d1f for primary buttons, #2d2d2e for headlines, #707071 / #8f8f8f for secondary text); do not introduce gradients, shadows or a coloured section background. Set everything in Nunito (or another rounded geometric sans) — display at 120–140px, weight 800, letter-spacing about −0.085em, line-height 0.92; body at 20px, weight ~480, letter-spacing −0.03em, line-height 1.5; button labels at 14px weight 700; micro-copy at 12px in #8f8f8f separated by "•" dots. Give buttons a 16px radius and 48px height with 12px/20px padding, no border: primary is solid #1d1d1f with white text, secondary is solid white on the gray ground. Use radii in the 12–24px band for cards and inputs. Pick exactly one word or object per page to receive the "sticker" treatment — a thick white outline stroke behind the glyphs, a further offset stroke in a single saturated hue (electric blue), rotated 2–4° — and leave every other element monochrome. Reuse one small glyph (a solid play triangle) as the action motif inside buttons and links. Keep the nav as plain 14px text links with a single dark pill on the right, and put announcements in a full-width 36px near-black bar above the header rather than in a coloured banner. Let the first viewport hold only headline, one-sentence subhead, two pills and a scroll cue.