# Black Forest Labs, Blog

AI products · Blog · Custom code · Freiburg, Germany
Live page: https://bfl.ai/blog
On Designly: https://designly.sh/s/black-forest-labs/blog · JSON: https://designly.sh/s/black-forest-labs/blog?format=json
Site: [Black Forest Labs](https://designly.sh/s/black-forest-labs?format=md) (https://bfl.ai)
Styles: type-led, minimal, corporate, tech

## Why it works

Instrument Sans headlines on a white background provide a structured, technical feel, while IBM Plex Mono body text reinforces the lab's engineering focus. Pale indigo surfaces and 8px rounded corners group content into distinct cards, and category buttons allow for quick filtering of technical news.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/black-forest-labs/blog#section-1) (y 0–80px of 3505) · image: https://designly.sh/media/captures/cap_dcff71d69239433aa065c115c5feafb5/sections/0.webp · id sec_2caedd5f9dac49198fab410d16451dc0
2. [Hero: "Discover what’s new"](https://designly.sh/s/black-forest-labs/blog#section-2) (y 176–750px of 3505) · image: https://designly.sh/media/captures/cap_dcff71d69239433aa065c115c5feafb5/sections/1.webp · id sec_751154c623954967997432584b4fa3c8
3. [Features: "All Posts"](https://designly.sh/s/black-forest-labs/blog#section-3) (y 894–2392px of 3505) · image: https://designly.sh/media/captures/cap_dcff71d69239433aa065c115c5feafb5/sections/2.webp · id sec_97bc734a2a8749cd80ab00883f70b3ca
4. [Footer: "Footer"](https://designly.sh/s/black-forest-labs/blog#section-4) (y 2648–3474px of 3505) · image: https://designly.sh/media/captures/cap_dcff71d69239433aa065c115c5feafb5/sections/3.webp · id sec_a61c9da9a7b942d1a98bedae01acc180

## Design tokens

- Colours: #FFFFFF (background), #07130E (text), #E0DDFF (surface), #838987 (muted), #556659 (surface-2)
- Fonts: Instrument Sans (display), IBM Plex Mono (body)
- Corner radius: 8px
- Export: https://designly.sh/s/black-forest-labs/blog?format=tokens.css · https://designly.sh/s/black-forest-labs/blog?format=tokens.json · https://designly.sh/s/black-forest-labs/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×3505): https://designly.sh/media/captures/cap_dcff71d69239433aa065c115c5feafb5/desktop.webp
- Mobile (390×5611): https://designly.sh/media/captures/cap_dcff71d69239433aa065c115c5feafb5/mobile.webp
- Captured: 2026-10-26

## Other Pages of Black Forest Labs

- [Home](https://designly.sh/s/black-forest-labs?format=md) — /
- [About](https://designly.sh/s/black-forest-labs/about?format=md) — /about
- [Careers](https://designly.sh/s/black-forest-labs/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/black-forest-labs/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
- [Replicate, Blog](https://designly.sh/s/replicate/blog?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: type-led, photo-led, minimal, editorial · image: https://designly.sh/media/captures/cap_09ded9aef1504f3bb7eab6134f205a49/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

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