# rabbit, Blog

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

## Why it works

Large, white PowerGrotesk type on a black background establishes a high-contrast, tech-focused identity. Bright orange accents in the navigation and small category labels provide a sharp focal point against the dark surface, while the list-based layout prioritizes reading speed.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/rabbit/blog#section-1) (y 0–65px of 2233) · image: https://designly.sh/media/captures/cap_4daa4a4d685a4c1d92c883c73ec5c009/sections/0.webp · id sec_735ca76ef83b4734b4fe586ea89d15ff
2. [Content: "blog"](https://designly.sh/s/rabbit/blog#section-2) (y 65–333px of 2233) · image: https://designly.sh/media/captures/cap_4daa4a4d685a4c1d92c883c73ec5c009/sections/1.webp · id sec_078906084a98475e90fbd0c5f840ef06
3. [Call to action: "introducing DLAM shortcuts"](https://designly.sh/s/rabbit/blog#section-3) (y 413–2233px of 2233) · image: https://designly.sh/media/captures/cap_4daa4a4d685a4c1d92c883c73ec5c009/sections/2.webp · id sec_8d85a531165e4529a0abb062e655fb5a

## Design tokens

- Colours: #000000 (background), #6B7280 (text), #FF5705 (accent), #FFFFFF (muted), #1A1A1A (surface)
- Fonts: __powerGroteskFont_859336 (display)
- Section padding: 48px
- Export: https://designly.sh/s/rabbit/blog?format=tokens.css · https://designly.sh/s/rabbit/blog?format=tokens.json · https://designly.sh/s/rabbit/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×2233): https://designly.sh/media/captures/cap_4daa4a4d685a4c1d92c883c73ec5c009/desktop.webp
- Mobile (390×3597): https://designly.sh/media/captures/cap_4daa4a4d685a4c1d92c883c73ec5c009/mobile.webp
- Captured: 2026-10-26

## Other Pages of rabbit

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

## Related

- [Light Phone, Blog](https://designly.sh/s/light-phone/blog?format=md) — E-commerce brands · Blog · Custom code · Brooklyn, USA · styles: type-led, minimal, editorial, monochrome · image: https://designly.sh/media/captures/cap_e94f3f79249640d68a2725b4bc44b6a2/desktop.webp
- [Oura, Blog](https://designly.sh/s/oura/blog?format=md) — E-commerce brands · Blog · Custom code · Oulu, Finland · styles: editorial, type-led, photo-led, warm · image: https://designly.sh/media/captures/cap_fa25defeef2c4d15b6874fe91a5c47ad/desktop.webp
- [Leica Camera, Blog](https://designly.sh/s/leica-camera/en-US/blog?format=md) — E-commerce brands · Blog · Custom code · Wetzlar, Germany · styles: type-led, photo-led, minimal, editorial · image: https://designly.sh/media/captures/cap_fd7c2de26e5248d7b91e11d799fd1a52/desktop.webp
- [Analogue, Blog](https://designly.sh/s/analogue/announcements?format=md) — E-commerce brands · Blog · Custom code · Seattle, USA · styles: minimal, type-led, light, corporate · image: https://designly.sh/media/captures/cap_675ce9dc8b7940b78a57a93c176e4146/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.