HostHerd brand kit

Everything you need to show HostHerd well: the files to download, and a few simple rules. For press, partners and our own team.
The full guidelines: https://hostherd.com/brand/

Logos (svg/, and png/ at 2048 px)

- hostherd-emblem: Emblem. Our everyday mark: documents, favicons, anywhere.
- hostherd-emblem-square: Square emblem. For app icons and places that round the corners for you.
- hostherd-emblem-round: Round emblem. For profile pictures cropped to a circle.
- hostherd-emblem-ring: Round emblem with a ring. For stickers and badges, or on a ground close to sunflower.
- hostherd-sheep: Sheep. Without the tile, on light grounds.
- hostherd-sheep-green: Sheep in green. One colour, on light grounds.
- hostherd-sheep-white: Sheep in white. One colour, on dark grounds.
- hostherd-logo: Name and emblem. Our full logo, on light grounds.
- hostherd-logo-white: Name and emblem in white. Our full logo, on dark grounds.
- hostherd-wordmark: Name. When the emblem is already nearby.
- hostherd-wordmark-white: Name in white. The name alone, on dark grounds.

Corner radius: 32 of its 128 units, or 25% of its width.
Ring: 4 of its 128 units wide, or 3.125% of its width.

Room and size

- Clear space: Keep a quarter of the emblem’s height free all around it: no text, edges or other logos inside.
- Minimum size: The emblem at least 24 pixels or 8 mm across; the name and emblem at least 120 pixels or 30 mm wide. Only favicons go smaller.

Colours

Pasture green and wool white do most of the work. Sunflower is the warm accent: use it on a few things, not on everything.

- Pasture: #183528 · RGB 24 53 40 · oklch(30.2% 0.043 163) · CMYK 55 0 25 79. Text, the sheep’s face, dark grounds.
- Sunflower: #F4B63F · RGB 244 182 63 · oklch(81.38% 0.1475 79.72) · CMYK 0 25 74 4. The emblem’s tile, and accents.
- Wool: #FFFFFF · RGB 255 255 255 · oklch(100% 0 0) · CMYK 0 0 0 0. The sheep’s wool, and text on green.
- Mist: #F6F7F4 · RGB 246 247 244 · oklch(97.5% 0.004 121.6) · CMYK 0 0 1 3. The page by day.
- Meadow: #E2EFE6 · RGB 226 239 230 · oklch(94% 0.018 155.8) · CMYK 5 0 4 6. Soft panels and grass.
- Night: #121714 · RGB 18 23 20 · oklch(19.8% 0.01 159.1) · CMYK 22 0 13 91. The page by night.
- All well: #2E9E62 · RGB 46 158 98 · oklch(62.2% 0.135 155.2) · CMYK 71 0 38 38. A healthy server.
- Alert: #E0483E · RGB 224 72 62 · oklch(61.5% 0.19 27.8) · CMYK 0 68 72 12. A server that needs us.

OKLCH is how our stylesheets write them: the same colours, in a space that also reaches the wider range of modern screens.
The CMYK values are a starting point for print: check a proof.

Writing our name

HostHerd. One word, with two capital H’s. Web and email addresses are all lowercase: hostherd.com.

Using our brand

- You’re welcome to use our name and logo to refer to HostHerd: to link to us, to write about us, or to show you’re a client or a partner.
- Please don’t use them in a way that suggests we sponsor or endorse you, unless we’ve agreed to it.
- Please don’t change them, or use them in the name of your own product, company or domain.

The HostHerd name and logo belong to Shy Newt Technologies LTD.
Need another format, or not sure about a use? Write to us: hello@hostherd.com
