The HotCodePush brand

Logos and the card — download everything, use it per the guidelines.

Downloads

Logos and the card

Each card says where its file belongs.

  • Lockup on light (SVG)

    The tile and the name in Manrope 700, for light grounds, wherever there is room.

    Download SVG
  • Lockup on dark (SVG)

    The lockup for ink and other dark grounds.

    Download SVG
  • Lockup on ember (SVG)

    The lockup in white, for ember grounds.

    Download SVG
  • Mark (SVG)

    The gradient tile, the mark, for any background and wherever the lockup does not fit.

    Download SVG
  • Mark, flat (SVG)

    The tile without the gradient, for single-color print and embeds that cannot render a gradient.

    Download SVG
  • Flame, black (SVG)

    The bare flame in black, for photos, watermarks, illustrations and merchandise, never as the primary mark.

    Download SVG
  • Flame, white (SVG)

    The bare flame in white, for photos, watermarks, illustrations and merchandise, never as the primary mark.

    Download SVG
  • Flame, ember (SVG)

    The bare flame in ember, for photos, watermarks, illustrations and merchandise, never as the primary mark.

    Download SVG
  • App icon (SVG)

    The gradient tile as the app icon.

    Download SVG
  • Avatar (PNG)

    The tile as the avatar for brand accounts, 1024 × 1024, corners rounded.

    Download PNG
  • Avatar, square (PNG)

    The square avatar, 1024 × 1024, for platforms that round the corners themselves.

    Download PNG
  • Avatar, 400 px (PNG)

    The avatar at 400 × 400, the upload size for X and LinkedIn.

    Download PNG
  • The card (PNG)

    The Open Graph card, 1200 × 630, for link previews and posts about HotCodePush.

    Download PNG

Usage rules

The name is one word, HotCodePush, in every text. The technique stays lowercase: hot code push. The logo files are final artwork: place them, scale them proportionally and leave them alone.

  • The gradient tile is the mark. The lockup is the tile plus the name in Manrope 700, in one color. Never set the name in another font or weight, letter-space it, or color Hot differently from CodePush.
  • Use the light lockup on white and paper, the dark lockup on dark grounds, and the white lockup on ember or busy photos. Never put the tile on ember.
  • Keep clear space of at least half the tile height on all sides. The lockup is never smaller than 24 px high; below that, use the mark alone, never smaller than 16 px.
  • Never recolor, stretch, rotate or outline the mark, add shadows, or give the tile any gradient but its own. The flame stays where it is in the tile.
  • Never combine the mark with another logo into a new symbol, Capawesome's included.

Building something? The docs.

Free for 1,000 MAU. No credit card.