Skip to content

Brand

Scaff brand assets.

The logo, app icon, and colors, for writing about Scaff or linking to it. Take them one at a time below, or everything at once in the brand kit.

Download brand kit

ZIP · 731 kB · SVG and PNG files, with a guide to using them

The sparkle smile: a soft blue square with a sparkle and a smile. It works on light and dark backgrounds alike.

The Scaff logo on a light background

On light

Cream, the mark's own lightest color

SVGPNG
The Scaff logo on a dark background

On dark

Ink, the color of the smile

SVGPNG

App icon

The mark on its dark tile, as it sits in the Dock and the taskbar.

The Scaff app icon

App icon

1024 × 1024, for links and listings

PNG

Colors

The mark's gradient runs from cream through sky to blue, with ink drawn on top.

  • Cream

    #FBFAF7

    The left edge of the mark's gradient

  • Sky

    #D6EFFD

    The middle of the mark's gradient

  • Blue

    #0C8CE9

    The right edge of the mark's gradient

  • Ink

    #090A0D

    The sparkle, the smile, and the app tile

Type

Scaff sets its app and this site in Geist, with Geist Mono for code and labels. Both are free under the SIL Open Font License, from Vercel.

Aa

Geist

Headings and text

Aa

Geist Mono

Code, labels, and numbers

Using the logo

  • Write the name as Scaff: one word, capital S. Not SCAFF, scaff, or Scaff Design.
  • Leave space around the mark at least a quarter of its width.
  • Keep it at 16 px or larger on screen.
  • Use the files as they are: don't recolor, stretch, rotate, outline, or add effects.
  • Put the mark on plain backgrounds, light or dark, where its soft edge stays visible.
  • Don't use the mark or the name in a way that suggests Scaff made, sponsors, or endorses your product.

Need something that isn't here? Ask in the project repository or on Discord.