Skip to content

Early previewhamur is not on npm yet. The components are being built in the open, follow along on GitHub.

Brand Assets

The hamur kit.

The logo and the mark, the colors, the type and the project's images, ready to copy or download. Right-click the logo anywhere on the site for the same files.

The logo is the mark and the name together. Use the mark alone where the space is small or square. Each comes in two colorings: light lines for dark backgrounds, dark lines for light ones. The files have no background.

The PNGs are 1024 px wide for the logo and 512 px for the mark.

Clear space and size

Keep free space around the logo of half the mark's height on every side, and keep it at least as large as below.

hamur xx/2x/2x = the mark's height
Mark at least 16 px high
Logo at least 72 px wide

Colors

The logo is ink on paper: two neutrals and the greys between them. The five framework colors mark each framework on the site. Click a color to copy its hex.

Neutrals

Frameworks

Typography

hamur

Paper Mono 500, lower case, for the name

Licensed under the SIL Open Font License. Download the font · License

One component set.

Inter for text

Licensed under the SIL Open Font License. rsms.me/inter

Images

The images the project uses on GitHub and when a link is shared. They are made from the site at every build.

Usage

Do

  • Write the name in lower case, hamur, even at the start of a sentence.
  • Use the light lines on dark backgrounds and the dark lines on light ones.
  • Keep the clear space and the smallest sizes.

Don't

  • Recolor the mark or the name.
  • Stretch, rotate or redraw the mark.
  • Add shadows, outlines, gradients or other effects.
  • Set the name in another typeface.