Brand Guidelines
The visual language, color system, and usage rules for GraphHub. These guidelines keep the brand consistent across every surface.
THE MARK
DO
- ✓Use on light (#fafaf9) or dark (#0c0c0e) backgrounds
- ✓Maintain clear space equal to the mark's height on all sides
- ✓Use the full wordmark where space permits
DON'T
- ✗Don't recolor, rotate, or distort the mark
- ✗Don't apply drop shadows or outer glows
- ✗Don't place on busy or low-contrast backgrounds
- ✗Don't use the wordmark below 100px wide
COLOR SYSTEM
Click any swatch to copy its hex value.
Brand
Graph Nodes
Surfaces — Light
Surfaces — Dark
Text — Light
TYPOGRAPHY
GEIST SANS — UI & HEADINGS
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz · 0123456789
Visualize any codebase
Replace github.com with graphhub.dev in any repo URL and explore its codebase as a living, interactive knowledge graph.
Node Types · Connections · Statistics
GEIST MONO — CODE & LABELS
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz · 0123456789 · ./:;
https://github.com/owner/repo
parseGithubUrl · buildGraph · createSimulation
· 1,842 nodes · 3,219 edges
GRAPH VOCABULARY
Every node type has a fixed color. Colors are consistent across light and dark mode.
Folder
A directory or module. The largest structural unit in the graph.
File
A source code file. Groups the functions and classes it defines.
Function
Any callable unit — function, method, arrow function, or closure.
Class
An object blueprint, struct, or interface definition.
External
An import that resolves outside the repository boundary.
VOICE & TONE
Technical
We write for developers. Precision matters more than simplicity.
Minimal
One clear sentence beats three vague ones. Cut until it bleeds.
Honest
We state what the tool does. No 10× claims, no hype.
Visualize any GitHub repo as an interactive graph
Unlock the power of your codebase with AI-driven insights
Replace github.com → graphhub.dev
Get started in seconds with our revolutionary platform
1,842 nodes · 3,219 edges
Thousands of connections discovered automatically!