# Rive, Home

SaaS · Home · Custom code · Los Angeles, USA
Live page: https://rive.app/
On Designly: https://designly.sh/s/rive · JSON: https://designly.sh/s/rive?format=json
Site: [Rive](https://designly.sh/s/rive?format=md) (https://rive.app)
Styles: dark, bold, type-led, geometric

## Why it works

Heavy Orbitron headlines on a black background establish a high-energy, technical tone for the animation engine. Bright green is used sparingly for the primary "GET STARTED" button and small UI accents, ensuring the focus remains on the large-scale hero imagery.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/rive#section-1) (y 0–64px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/0.webp · id sec_640ebdc9052b4ad1b9546362197b68e7
2. [Hero: "Build games, apps, and interactive UI"](https://designly.sh/s/rive#section-2) (y 64–1089px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/1.webp · id sec_71a2fcf416ee4d8c8d24443aba1b7030
3. [Call to action: "Direct your agent. Then shape it by hand"](https://designly.sh/s/rive#section-3) (y 1089–3478px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/2.webp · id sec_30993202bef04b68b13878b158b22515
4. [Content: "Rive, written in plain text"](https://designly.sh/s/rive#section-4) (y 3618–4013px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/3.webp · id sec_91a7bc6b562e434cb4631ccccb71e079
5. [Content: "Content"](https://designly.sh/s/rive#section-5) (y 4092–4568px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/4.webp · id sec_d48404011ee2479fb23d16868af48dba
6. [Call to action: "Install it yourself"](https://designly.sh/s/rive#section-6) (y 4648–4938px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/5.webp · id sec_20d6d47361294ed29af35d36a5e270ba
7. [Content: "Scripts your engineers can sign off on"](https://designly.sh/s/rive#section-7) (y 5148–5776px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/6.webp · id sec_5d08190b67d647bb882b2053e9ee4e0c
8. [Contact: "Contact"](https://designly.sh/s/rive#section-8) (y 5856–6284px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/7.webp · id sec_d99a96ed6e3d4573ac8e23cf6d2142b2
9. [Content: "Turn your Figma file into a working app"](https://designly.sh/s/rive#section-9) (y 6424–6828px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/8.webp · id sec_060594c435c946b9ab432f73c80edffd
10. [Content: "Content"](https://designly.sh/s/rive#section-10) (y 6908–7308px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/9.webp · id sec_b3f2dd5e56ac4f21bc300e0ef3e5605a
11. [Content: "Design interactive motion by hand"](https://designly.sh/s/rive#section-11) (y 7588–7729px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/10.webp · id sec_c29e7c261ea04120a532c99bf499dc7f
12. [Content: "Content"](https://designly.sh/s/rive#section-12) (y 7793–8473px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/11.webp · id sec_5a7f8dbd73a14edbbf0c639e2ee9f870
13. [Content: "Rigging"](https://designly.sh/s/rive#section-13) (y 8537–11960px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/12.webp · id sec_1753ae9d37d64cc8baab76eba860d5d0
14. [Content: "What you design is what ships"](https://designly.sh/s/rive#section-14) (y 12101–13472px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/13.webp · id sec_a4754c27b2894a0b8e1834557a21ac73
15. [Content: "Use the right tool for the job"](https://designly.sh/s/rive#section-15) (y 13472–14708px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/14.webp · id sec_df888377c7c444f78e7035b980270e50
16. [Content: "Ship faster, spend less, build better"](https://designly.sh/s/rive#section-16) (y 14708–16000px of 16000) · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/sections/15.webp · id sec_be2b78217e1f41729af25179c8ea09ff

## Design tokens

- Colours: #000000 (background), #FFFFFF (text), #71FF19 (accent), #0E0E0E (surface), #F1F1F1 (muted)
- Fonts: Inter (display)
- Corner radius: 4px
- Section padding: 140px
- Export: https://designly.sh/s/rive?format=tokens.css · https://designly.sh/s/rive?format=tokens.json · https://designly.sh/s/rive?format=tokens.tailwind.css

## Images

- Desktop (1440×16000): https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/mobile.webp
- Captured: 2026-10-26

## Other Pages of Rive

- [Blog](https://designly.sh/s/rive/blog?format=md) — /blog
- [Careers](https://designly.sh/s/rive/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/rive/pricing?format=md) — /pricing

## Related

- [Readwise, Home](https://designly.sh/s/readwise?format=md) — SaaS · Home · Custom code · styles: serif, type-led, light, editorial · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/desktop.webp
- [Pitch, Home](https://designly.sh/s/pitch?format=md) — SaaS · Home · Custom code · Berlin, Germany · styles: type-led, bold, tech, dark · image: https://designly.sh/media/captures/cap_56fccf5229fc4c9d81e43d11967aa135/desktop.webp
- [Paper, Home](https://designly.sh/s/paper?format=md) — SaaS · Home · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_07112d7971a1433bb85855db740ee4b5/desktop.webp
- [mymind, Home](https://designly.sh/s/mymind?format=md) — SaaS · Home · Custom code · styles: type-led, editorial, minimal, photo-led · image: https://designly.sh/media/captures/cap_4ce87bf4e2d145d6bb2a8a8937205675/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.