Brand guidelines
How to use the Pinevon and GorZesk marks.
Summarised from Pinevon's brand guide and the published GorZesk logo files.
The marks
Pinevon logo. The symbol and the “Pinevon” wordmark in navy, for light backgrounds, as in the site header.
For dark backgrounds. The same logo with a white wordmark, for dark, colour or photographic backgrounds and the site footer.
GorZesk logo. GorZesk is a Pinevon product with its own mark: a G drawn as an open hexagon in sky blue, violet and pink, beside the “GorZesk” wordmark in navy. Download it from the press kit.
The Pinevon symbol
Two rounded squares linked together: each passes over the other at one of the two crossings, like two links of a chain. The first square runs from light blue to blue, the second from that same blue to violet, so they share one colour where they meet.
In the logo the symbol sits beside the wordmark “Pinevon” (capital P, navy #0B1F3A, drawn as outlined shapes, so no font is needed). The symbol is 1.35 times the height of the capital letters, the gap between them is 0.15 times the type size, and the whole logo is about 4.97 times as wide as it is tall. This is the exact logo shown in the live site header today.
Symbol gradient
Colour
The gradient above is used only on the symbol and marketing surfaces (social avatars, OG images). The site’s working UI runs on its own token scale, shown below with real hex values from app/globals.css.
Brand blue (primary, 500)
#1B96FF
Primary interactive colour: links, focus rings, primary UI accents.
Brand navy (900)
#032D60
Deepest brand shade, used for high-contrast text and dark UI surfaces.
AI accent violet (500)
#8A3FFC
Reserved for AI/assistant moments only — the chat orb, AI badges, gradient highlights. Never used for ordinary UI state.
Ink navy (900, light theme)
#0B1F3A
Primary heading and body text colour.
Action accent (buttons like “Get Started”)
Interface blue in use
Primary buttons, links and focus outlines on many pages use #0B5CAD, between brand 600 (#0163B0) and 700 (#01549A). It is set in component styles rather than the token scale today.
Typography
Pinevon sets headings and UI in Inter (headings at weight 800). The wordmark is not live text: it is drawn into the logo files, so always use the files rather than typing “Pinevon” next to the symbol. The samples below are live text in the site’s own font.
- Display · 52px · 800
- Building intelligent systems
- Heading · 34px · 800
- How we decide what to build
- Body · 17px · 400
- Answers come from your data. When the records do not support an answer, a person takes over.
- Label · 14px · 800 · uppercase
- Company
The GorZesk wordmark, like Pinevon’s, is drawn as vector shapes in the logo files, so no font is needed to show it. Use the files; never retype the name in a font to imitate the logo.
Clear space and minimum size
½ × symbol height24px32px16px24px32px48pxCorrect and incorrect use
Backgrounds: the logo with the navy wordmark on white or light neutral backgrounds; the version with the white wordmark on colour or photography; never place the navy-wordmark version on a dark or busy photo background.
Do:Logo on white
Do:Dark-background version on navy
Do:Dark-background version on imagery
Do:Light neutral background
Don’t:Stretched
Don’t:Rotated
Don’t:Recoloured
Don’t:Drop shadow or effects
Also don’t
- Place the navy-wordmark version on a dark or busy photo background
- Rebuild the logo from the symbol and typed text, or retype the wordmark in any font, in lowercase or in capitals
- Recolour, rearrange or redraw the petals of the GorZesk symbol
- Merge the GorZesk symbol with the Pinevon symbol into one mark
How Pinevon and GorZesk relate
Pinevon is the parent company; GorZesk is its first product, not a second company. GorZesk’s mark is its own — a G drawn as an open hexagon in sky blue (#3B8BF5), violet (#6D4AF2) and pink (#EC4899), where Pinevon’s is two linked squares — while both wordmarks are outlined navy (#0B1F3A) lettering beside the symbol. A future Pinevon product would follow the same rule: its own symbol beside its own outlined wordmark.
See the press kit for downloadable files, or Company for how Pinevon and GorZesk fit together as a business.
Need a logo file?
Every logo file we publish is on the press kit page, individually or as one ZIP.