HXH Studio
Brand
HXH Studio brand kit
Official HXH Studio logo, mark, submark, colors and key visuals as SVG, PNG and ICO. Free to download for press, partners and anyone writing about the studio.
Colors and names
Green leads, alongside black, white and silver. Click a value to copy it.
- HXH Green
- HXH Lime
- HXH Forest
- HXH Black
- HXH Silver
- White
Palette fileshxh-colors.csshxh-colors.jsonhxh-colors.csv
Names and slogan
| Item | Value | Notes |
|---|---|---|
| Brand name | Write HXH Studio in running text. The logo sets it in capitals: HXH STUDIO. | |
| Slogan | Set in spaced capitals in the logo: TECH WITH HEART. | |
| Website | ||
| Product | https://keepember.com | |
| Logo typeface | Bold for the name, Medium for the slogan. SIL Open Font License. Logo files have the text outlined. |
Mark
An H built from two slanted pillars and a slanted bar. Every slanted edge shares one angle, like a step going up.
hxh-mark-greenDownload
hxh-mark-forestDownload
hxh-mark-blackDownload
hxh-mark-whiteDownload
Stacked logo
Mark above the name and slogan. For covers, opening slides and square formats.
Which version?
colorColor: green mark, forest text. For light backgrounds.reverseReverse: green mark, white text. For dark backgrounds.greenAll green, for dark backgrounds or one-color materials.blackBlack, for one-color print, stamps and engraving.whiteWhite, for photos, video and watermarks.
hxh-stacked-colorDownload
hxh-stacked-reverseDownload
hxh-stacked-greenDownload
hxh-stacked-blackDownload
hxh-stacked-whiteDownload
hxh-stacked-noslogan-colorDownload
Horizontal logo
Mark on the left, name and slogan on the right. For headers, email signatures and documents.
hxh-horizontal-colorDownload
hxh-horizontal-reverseDownload
hxh-horizontal-greenDownload
hxh-horizontal-blackDownload
hxh-horizontal-whiteDownload
hxh-horizontal-noslogan-colorDownload
Submark
The black mark on a rounded square in the brand green. For social avatars, icons and favicons.
hxh-submark-greenDownload
hxh-submark-blackDownload
hxh-submark-forestDownload
Website and favicon
Favicon (SVG, ICO), Apple touch icon, PWA icon and the header logo.
faviconDownload
apple-touch-iconDownload
pwa-iconDownload
hxh-header-colorDownload
Using the HXH brand
Do
- Keep clear space around the logo at least as wide as one pillar of the H.
- Use the files in this kit as they are and only scale them proportionally.
- Keep the mark at 16 px or larger and the horizontal logo at 120 px wide or larger.
- On photos, use the white version or the submark so the logo stays legible.
Don't
- Stretch, rotate, add shadows or outlines to the logo.
- Recolor it outside the palette above.
- Retype the name in another font instead of using the logo file.
- Place the color logo on a similar green where the mark disappears.
Need another format or have a question? Email adm@hxh.studio.
Key visuals and social
Open Graph, square posts and cover images, light and dark.
hxh-open-graph-lightDownload
hxh-open-graph-darkDownload
hxh-social-square-lightDownload
hxh-social-square-darkDownload
hxh-cover-1500x500Download