# rabbit, Product

E-commerce brands · Product · Custom code · Santa Monica, USA
Live page: https://www.rabbit.tech/rabbit-r1
On Designly: https://designly.sh/s/rabbit/rabbit-r1 · JSON: https://designly.sh/s/rabbit/rabbit-r1?format=json
Site: [rabbit](https://designly.sh/s/rabbit?format=md) (https://www.rabbit.tech)
Styles: dark, type-led, bold, geometric

## Why it works

Off-white type on a black background uses a large Power Grotesk headline to establish a tech-focused identity. Bright orange accents on the hardware and the "buy now" link draw the eye toward the product and the price, while small trust signals sit directly below the hero image.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/rabbit/rabbit-r1#section-1) (y 0–65px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/0.webp · id sec_3c28740e8e83437a986053203fa0ac08
2. [Hero: "rabbit r1"](https://designly.sh/s/rabbit/rabbit-r1#section-2) (y 65–965px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/1.webp · id sec_0748a5922d76482cb48e2f3b85b26178
3. [Content: "magic recorder"](https://designly.sh/s/rabbit/rabbit-r1#section-3) (y 965–1865px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/2.webp · id sec_e63fb5fc30494b008c9c8277143741f3
4. [Content: "a new way to create"](https://designly.sh/s/rabbit/rabbit-r1#section-4) (y 1889–3456px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/3.webp · id sec_71a45a5be1fc437b97cea0533543b050
5. [Content: "unlimited AI"](https://designly.sh/s/rabbit/rabbit-r1#section-5) (y 3568–5066px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/4.webp · id sec_e167f51ccedd4342ba99729555189587
6. [Content: "personalized with"](https://designly.sh/s/rabbit/rabbit-r1#section-6) (y 5122–6403px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/5.webp · id sec_51dc7b9b2cec4dfabc79264a493d2154
7. [Content: "Content"](https://designly.sh/s/rabbit/rabbit-r1#section-7) (y 6568–7127px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/6.webp · id sec_837e9a76333943789cfa21a4cf846b68
8. [Content: "Content"](https://designly.sh/s/rabbit/rabbit-r1#section-8) (y 7518–8574px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/7.webp · id sec_4d7a71550924444d8126f700c944a262
9. [Logos: "Logos"](https://designly.sh/s/rabbit/rabbit-r1#section-9) (y 8574–8769px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/8.webp · id sec_8f0f0289a4d74b6f8e890dbed13da3ad
10. [Content: "powered by rabbit OS3"](https://designly.sh/s/rabbit/rabbit-r1#section-10) (y 8769–9235px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/9.webp · id sec_b8731260ce6943838fd3047e2f106a8b
11. [Footer: "Footer"](https://designly.sh/s/rabbit/rabbit-r1#section-11) (y 9455–10268px of 10268) · image: https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/sections/10.webp · id sec_fef9ef59c3634d43864cdce5a35d85a8

## Design tokens

- Colours: #000000 (background), #EBE8E2 (text), #FF5C00 (accent), #7C7C7C (muted)
- Fonts: __powerGroteskFont_859336 (display), __archivoFont_931059 (body)
- Corner radius: 20px
- Section padding: 100px
- Export: https://designly.sh/s/rabbit/rabbit-r1?format=tokens.css · https://designly.sh/s/rabbit/rabbit-r1?format=tokens.json · https://designly.sh/s/rabbit/rabbit-r1?format=tokens.tailwind.css

## Images

- Desktop (1440×10268): https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/desktop.webp
- Mobile (390×7035): https://designly.sh/media/captures/cap_8698f19554014ad9a4d8214967699c39/mobile.webp
- Captured: 2026-10-26

## Other Pages of rabbit

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

## Related

- [Light Phone, Product](https://designly.sh/s/light-phone/shop/products/light-phone-iii?format=md) — E-commerce brands · Product · Custom code · Brooklyn, USA · styles: dark, minimal, type-led, luxe · image: https://designly.sh/media/captures/cap_f5225658126b442c8fbbd35c7990f6bc/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products/op-1?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: minimal, type-led, geometric, tech · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: type-led, minimal, geometric, industrial · image: https://designly.sh/media/captures/cap_ef31d73530f74489b85ceec13d4b0dd9/desktop.webp
- [reMarkable, Product](https://designly.sh/s/remarkable/products/remarkable-paper/pro?format=md) — E-commerce brands · Product · Custom code · Oslo, Norway · styles: serif, editorial, minimal, photo-led · image: https://designly.sh/media/captures/cap_b4d8b127522048d297aa1800ac1c4e35/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.