branding icon indicating copy to clipboard operation
branding copied to clipboard

Source files for the IndieWebCamp logo and branding materials

Indie Web Camp branding

Logos, stickers, shirts, etc.

Usage

Colors

Color Name / Usage Hex RGB CMYK
Black #000000 rgb(0,0,0) (0,0,0,1)
White #FFFFFF rgb(255,255,255) (0,0,0,0)
Light Grey (Indie & Camp) #666666 rgb(102,102,102) (0,0,0,0.6)
Dark Grey (Web) #444444 rgb(68,68,68) (0,0,0,0.733)
Red (I) #FF0000 rgb(255,0,0) (0,1,1,0)
Orange (W) #FF5C01 rgb(255,92,1) (0,0.639,0.996,0)
Yellow (C) #FFB100 rgb(255,177,0) (0,0.306,1,0)

Backgrounds

  • Use the Indie Web Camp logos on a solid background.
  • Avoid using the Indie Web Camp logos on a textured or patterned background.
  • If the background is dark, use the white Indie Web Camp logos.
  • If the background is light, use the black Indie Web Camp logos.
  • When possible, use the full color Indie Web Camp logos.

Sizing

  • When possible, use one of the vector versions of the Indie Web Camp logos logo for lossless resizing.
  • If resizing makes the logotype ("Indie Web Camp" text) unreadable, use the logomark only version.
  • Don't embiggen any of the PNGs.
  • If you need a bigger PNG, embiggen a vector version then export it to PNG. (Or file an issue in this repo.)

Spacing

  • The Indie Web Camp logos must always have a margin around them.
  • The margin is X.
  • X is the height of the dot on the I in the IWC logomark.
  • All of the Indie Web Camp logo files have this spacing built in, so you shouldn't need to calculate it.

Authors

Dev Setup

To edit any of the text (though you probably shouldn't) or to add new text, you'll need a typeface called Halis Grotesque (Halis GR).

  • https://fontspring.com/fonts/ahmet-altun/halis-grotesque
  • https://myfonts.com/fonts/ahmet-altun/halis-gr

Issues

If you find bugs, have feature requests or questions, please file an issue.

Code of Conduct

Everyone interacting in the Indie Web Camp branding's codebases and issue trackers is expected to follow the Indie Web Camp branding's code of conduct.

License

PUBLIC DOMAIN

Your heart is as free as the air you breathe.
The ground you stand on is liberated territory.

In legal text, the Indie Web Camp logo (in all its forms) is dedicated
to the public domain using Creative Commons -- CC0 1.0 Universal.

http://creativecommons.org/publicdomain/zero/1.0