Skip to content
Start building

Brand

Buildful brand

Our logo, colors and type, and how to use them. Free to use when you write about Buildful, link to us, or build an integration.

Download the kitMarkdownRead as Markdown

The name

Describe Buildful

In one line

Buildful is coding superintelligence for everyone: 1,000 tasks for $10 a month.

In a paragraph

Buildful is coding superintelligence for everyone. Describe a change, and Buildful builds it in a cloud sandbox, runs your checks, tests UI changes in a real browser with a recording, and opens a pull request on your GitHub. It routes every task to the right model, so frontier-level work costs about a cent a task: 1,000 tasks for $10 a month. Buildful is made by the makers of Hashnode.

  • Write Buildful with a capital B, as the wordmark does.
  • The website is buildful.ai.
  • Don't split or restyle the name: not BuildFul, Build-ful or BUILDFUL.

Stacked logo

The icon above the wordmark, for square and centered spaces such as posters, event badges and login cards.

  • Stacked

    Default. Light backgrounds.

    SVG

  • Stacked, ink

    One color on light backgrounds.

    SVGPNG

  • Stacked, white

    Dark backgrounds.

    SVGPNG

Icon

A bowl with a heart sinking into it, one solid shape. Use it alone in small or square spaces, at 16px and up.

  • Icon

    Default. Light backgrounds.

    SVGPNG

  • Icon, ink

    One color on light backgrounds.

    SVGPNG

  • Icon, white

    Dark backgrounds.

    SVGPNG

App icon

The icon on a rounded square: white on dark (our favicon), or green on white. Use either wherever Buildful appears as a square: integrations, app directories, link previews.

  • App icon

    Favicon, home screens, avatars.

    SVGPNG

  • App icon, light

    Integrations, directories, light layouts.

    SVGPNG

Wordmark

“Buildful” in Geist SemiBold, already outlined. Use it alone only when the icon is on the same screen.

  • Wordmark

    Light backgrounds.

    SVG

  • Wordmark, white

    Dark backgrounds.

    SVG

Social

Ready-made images for link previews and profiles.

  • Link preview

    Open Graph image, 1200 × 630.

    PNG

  • Profile banner

    X and LinkedIn header, 1500 × 500.

    PNG

  • Avatar

    Profile picture, 400 × 400. Safe for circle crops.

    PNG

Usage

Keep the logo as drawn.

The icon is a bowl with a heart sinking into it, one solid shape. By default it's brand green beside the ink wordmark; the one-color versions are ink on light and white on dark.

Do

  • Use the files as they are. They are final artwork.
  • Use the green logo by default: the icon in brand green, the wordmark in ink.
  • Use the ink logo where you can only print one color, and the white logo on dark backgrounds.
  • Leave clear space around the logo of at least half the icon's height on every side.
  • Size the logo by its height: at least 24px tall, and the icon alone at least 16px.
  • Use the wordmark alone only when the icon is on the same screen.

Don't

  • Stretch, rotate, outline, or add shadows or effects.
  • Recolor the logo beyond green, ink and white, color the wordmark green, or fill it with a gradient.
  • Change the space or size between the icon and the wordmark, or move the heart.
  • Retype the wordmark in another font.
  • Place the logo on a busy photo without a solid backing.

Colors

Ink, white and one green.

Green is the icon's color; ink is the wordmark's. For green text on white, use Green text. Download the CSS variables.

  • Green

    #0FA968

    --bf-green

    The icon and accents. Never body text

  • Green text

    #087A4B

    --bf-green-text

    Green text and links on white

  • Ink

    #111111

    --bf-ink

    The wordmark, the one-color logo and text

  • White

    #FFFFFF

    --bf-white

    Backgrounds, and the logo on dark

Type

Geist and Geist Mono.

Both are free on Google Fonts. The wordmark is already outlined, so the logo needs no font.

For AI agents

Give your agent the brand.

Everything on this page is also plain Markdown, with a direct link to every file. Hand it to your AI agent before it puts our logo in a design, a deck or a README.

Questions about the brand? hello@buildful.ai

PROMPT

Follow the Buildful brand guide at buildful.ai/brand.md and use the logo files it links to.