Hone Brand Assets

Official brand guidelines, logos, and assets for the Hone ecosystem.

Hone — sharpen your code, natively.

Quick Reference

Asset	Path	Format
Primary logo (dark bg)	logos/svg/hone-logo-primary.svg	SVG
Primary logo (light bg)	logos/svg/hone-logo-light.svg	SVG
Icon mark	logos/svg/hone-icon.svg	SVG
Icon mark (rounded)	logos/svg/hone-icon-rounded.svg	SVG
Monochrome logo	logos/svg/hone-logo-mono.svg	SVG
Wordmark only	logos/svg/hone-wordmark.svg	SVG
PNG exports	logos/png/	PNG @1x, @2x, @3x
Brand colors	colors/	CSS, Tailwind, JSON
Guidelines	guidelines/BRAND_GUIDELINES.md	Markdown

Brand Colors

Role	Hex	Preview
Hone Teal	#00D4AA	🟢
Hone Cyan	#00B4D8	🔵
Hone Blue	#0077B6	🔵
Hone Mint (accent)	#00FFD0	🟢
Dark BG	#0D1117	⚫
Dark Surface	#161B22	⚫
Dark Border	#30363D	⚫
Text Primary	#E6EDF3	⚪
Text Secondary	#8B949E	⚪

Usage in Projects

CSS

@import url('https://raw.githubusercontent.com/nicehone/brand/main/colors/hone-colors.css');

Tailwind

// tailwind.config.js
const honeColors = require('./node_modules/@honeide/brand/colors/tailwind-colors');

module.exports = {
  theme: {
    extend: {
      colors: honeColors,
    },
  },
};

JavaScript / TypeScript

import colors from '@honeide/brand/colors/colors.json';

Ecosystem

This branding is shared across all Hone repositories:

• hone — The full IDE
• hone-editor — Standalone code editor component
• hone-terminal — Terminal emulator component
• hone-core — Workspace, file ops, search, git, settings
• hone-api — Public extension API
• hone-extensions — Built-in extensions
• hone-themes — Theme collection
• hone.dev — Website and docs

License

Brand assets are © Skelpo GmbH. See LICENSE for usage terms.