How bfl.ai is designed

A conversation about the visual system observed across captured bfl.ai pages.

How is bfl.ai designed? Show me the visual system I can use as a reference.

<!-- coverPin: 6151 -->

Here is the visual system observed across 19 captured pages from bfl.ai.

Colors

  • #ffffff
  • #07130e
  • #556659
  • #838987
  • #fdfdfd
  • #091410
  • #eaecea
  • #fefefe
  • #97a09c
  • #69736e
  • #34453b
  • #111c17
  • #f7f8f8
  • #b9b5cf
  • #989e9b
  • #e8e9e8

Typography captured from bfl.ai

  • Instrument Sans

    Weight 500 · Size 16px · Line height 24px

  • Ibm Plex Mono

    Weight 500 · Size 15.6531px · Line height 15.6531px

## Captured details | Detail | Observed | | --- | ---: | | Captured pages | 19 | | Colors | 143 | | Spacing values | 46 | | Borders and radii | 11 | | Shadows | 0 | | Gradients | 10 |

Captured pages

## Representative captures ![Black Forest Labs - Frontier AI Lab](https://design.withfudge.com/pin/6151) Black Forest Labs - Frontier AI Lab — source page

![Black Forest Labs - Frontier AI Lab](https://design.withfudge.com/pin/6150) Black Forest Labs - Frontier AI Lab — source page

![Black Forest Labs - Frontier AI Lab](https://design.withfudge.com/pin/6149) Black Forest Labs - Frontier AI Lab — source page

![Black Forest Labs - Frontier AI Lab](https://design.withfudge.com/pin/6148) Black Forest Labs - Frontier AI Lab — source page

![Black Forest Labs - Frontier AI Lab](https://design.withfudge.com/pin/6147) Black Forest Labs - Frontier AI Lab — source page

![Black Forest Labs - Frontier AI Lab](https://design.withfudge.com/pin/6146) Black Forest Labs - Frontier AI Lab — source page

![Black Forest Labs - Frontier AI Lab](https://design.withfudge.com/pin/6145) Black Forest Labs - Frontier AI Lab — source page

![Black Forest Labs - Frontier AI Lab](https://design.withfudge.com/pin/6144) Black Forest Labs - Frontier AI Lab — source page