# Rive, Blog

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

## Why it works

Heavy Orbitron headlines on a black background give this blog a technical, high-energy feel. Bright orange accents on the "GET STARTED" button stand out against the dark palette, while a grid of cards with 4px corners organizes case studies and tutorials.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/rive/blog#section-1) (y 0–64px of 16000) · image: https://designly.sh/media/captures/cap_196c86a79b1d4ebd94caf75a48004e7c/sections/0.webp · id sec_6246858eb507454c99cfa5e22068554c
2. [Hero: "Releases, insights, and company announcements"](https://designly.sh/s/rive/blog#section-2) (y 64–536px of 16000) · image: https://designly.sh/media/captures/cap_196c86a79b1d4ebd94caf75a48004e7c/sections/1.webp · id sec_c622893b54544842acd7fc8da236b5bd
3. [Reviews: "Free Rive AI Agent"](https://designly.sh/s/rive/blog#section-3) (y 536–16000px of 16000) · image: https://designly.sh/media/captures/cap_196c86a79b1d4ebd94caf75a48004e7c/sections/2.webp · id sec_5bdca51937f8455ab36f7f549ffaedc9

## Design tokens

- Colours: #000000 (background), #8A8A8A (text), #FFA41C (accent), #98347A (surface), #F1F1F1 (muted)
- Fonts: Orbitron (display), Inter (body)
- Corner radius: 4px
- Section padding: 114px
- Export: https://designly.sh/s/rive/blog?format=tokens.css · https://designly.sh/s/rive/blog?format=tokens.json · https://designly.sh/s/rive/blog?format=tokens.tailwind.css

## Images

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

## Other Pages of Rive

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

## Related

- [Pitch, Blog](https://designly.sh/s/pitch/blog?format=md) — SaaS · Blog · Custom code · Berlin, Germany · styles: type-led, playful, editorial, light · image: https://designly.sh/media/captures/cap_c90239f38bb9472fa4199a0b03525665/desktop.webp
- [Paper, Blog](https://designly.sh/s/paper/blog?format=md) — SaaS · Blog · Custom code · styles: type-led, editorial, geometric, minimal · image: https://designly.sh/media/captures/cap_cfaf5cb6a6bf4537a4f6eaf9a57397b0/desktop.webp
- [Kinopio, Blog](https://designly.sh/s/kinopio/blog?format=md) — SaaS · Blog · Custom code · styles: type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_dbec422d2d6a4c20ad84861bca9088c1/desktop.webp
- [Framer, Blog](https://designly.sh/s/framer/blog?format=md) — SaaS · Blog · Custom code · Amsterdam, Netherlands · styles: dark, type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/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.