# Replicate, Blog

AI products · Blog · Custom code · San Francisco, USA
Live page: https://replicate.com/blog
On Designly: https://designly.sh/s/replicate/blog · JSON: https://designly.sh/s/replicate/blog?format=json
Site: [Replicate](https://designly.sh/s/replicate?format=md) (https://replicate.com)
Styles: type-led, photo-led, minimal, editorial

## Why it works

Rb-Freigeist-Neue headlines on an off-white background give the blog an editorial weight. Teal is used sparingly for the "Try for free" button, while a grid of large, photo-led cards prioritizes recent updates and technical deep dives.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/replicate/blog#section-1) (y 0–112px of 16000) · image: https://designly.sh/media/captures/cap_09ded9aef1504f3bb7eab6134f205a49/sections/0.webp · id sec_f950af42ecea4384bc2e82b4ba35e378
2. [Hero: "Blog"](https://designly.sh/s/replicate/blog#section-2) (y 112–16000px of 16000) · image: https://designly.sh/media/captures/cap_09ded9aef1504f3bb7eab6134f205a49/sections/1.webp · id sec_2a33dd12989642df893dc80fde99f63d

## Design tokens

- Colours: #D9D9D9 (background), #646464 (text), #2B9A66 (accent), #FFFFFF (surface), #202020 (muted)
- Fonts: rb-freigeist-neue (display), basier-square (body)
- Section padding: 112px
- Export: https://designly.sh/s/replicate/blog?format=tokens.css · https://designly.sh/s/replicate/blog?format=tokens.json · https://designly.sh/s/replicate/blog?format=tokens.tailwind.css

## Images

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

## Other Pages of Replicate

- [Home](https://designly.sh/s/replicate?format=md) — /
- [About](https://designly.sh/s/replicate/about?format=md) — /about
- [Pricing](https://designly.sh/s/replicate/pricing?format=md) — /pricing

## Related

- [Suno, Blog](https://designly.sh/s/suno/blog?format=md) — AI products · Blog · Custom code · Cambridge, USA · styles: dark, editorial, type-led, bold, minimal · image: https://designly.sh/media/captures/cap_d100624f62444416ad7131bf504acab4/desktop.webp
- [Sesame, Blog](https://designly.sh/s/sesame/journal?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: editorial, type-led, minimal, light · image: https://designly.sh/media/captures/cap_3875cf86021f4962b91bbf86ea1e80c0/desktop.webp
- [Recraft, Blog](https://designly.sh/s/recraft/blog?format=md) — AI products · Blog · Custom code · styles: type-led, bold, geometric, colourful · image: https://designly.sh/media/captures/cap_be5c60e87f7c4b03a2b051623c4750b0/desktop.webp
- [Pika, Blog](https://designly.sh/s/pika/blog?format=md) — AI products · Blog · Custom code · Palo Alto, USA · styles: type-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_5d051ec6be8a4fdc9653ad8045a6feac/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.