Brand Assets
Official HyperQuote brand resources for integrators, partners, and community members who need to reference or display HyperQuote branding.
Color Palette
Primary Colors
| Color | Hex Code | Usage |
|---|---|---|
| Primary (Teal) | #2DD4BF | Accent color, buttons, links, highlights |
| Background | #0D1117 | Primary dark background |
| Surface | #161B22 | Card and panel backgrounds |
| Border | #30363D | Borders and dividers |
Text Colors
| Color | Hex Code | Usage |
|---|---|---|
| Primary text | #E6EDF3 | Main body text on dark backgrounds |
| Secondary text | #8B949E | Muted text, labels, descriptions |
| Accent text | #2DD4BF | Links, highlighted values |
Semantic Colors
| Color | Hex Code | Usage |
|---|---|---|
| Success / Positive | #3FB950 | Positive values, confirmations |
| Error / Negative | #F85149 | Errors, negative values, warnings |
| Warning | #D29922 | Caution states |
| Info | #58A6FF | Informational highlights |
Logo Files
The HyperQuote logo is available in the following formats for different use cases:
| Format | Best For |
|---|---|
| SVG | Web usage, scalable without quality loss |
| PNG (light) | Light backgrounds, print materials |
| PNG (dark) | Dark backgrounds, dark-mode interfaces |
| Favicon (ICO/PNG) | Browser tabs, bookmarks |
Logo files are available in the /public directory of the HyperQuote UI application. Contact the team for high-resolution versions or specific format requests.
Usage Guidelines
Do
- Use the official logo files without modification.
- Maintain adequate spacing around the logo (minimum clear space equal to the height of the “H” in HyperQuote).
- Use the teal primary color (
#2DD4BF) as the accent when referencing HyperQuote in your own materials. - Use the dark background variant when placing the logo on dark surfaces, and the light variant on light surfaces.
Do Not
- Modify the logo colors, proportions, or orientation.
- Add effects (shadows, gradients, outlines) to the logo.
- Place the logo on busy backgrounds where it cannot be clearly distinguished.
- Use the logo to imply endorsement or partnership without explicit permission.
- Recreate or redraw the logo in a different style.
Typography
The HyperQuote UI uses the following font stack:
- Headings — System font stack (Inter where available)
- Body text — System font stack
- Code / Monospace — System monospace font (JetBrains Mono where available)
For materials referencing HyperQuote, using Inter or a similar geometric sans-serif maintains visual consistency with the protocol’s brand identity.
Brand Voice
When writing about HyperQuote:
- Technical but accessible — Explain concepts clearly without oversimplifying.
- Direct — State what the protocol does and does not do. Avoid marketing hyperbole.
- Transparent — Acknowledge trade-offs and limitations alongside benefits.
- Permissionless — Emphasize that the protocol is open to all participants without gatekeeping.
Related Pages
- Official Links — All official HyperQuote resources
- Contract Addresses — Deployed contract addresses
Last updated on