Brand Assets
Logo and banner files for anyone writing about Verdigris: press, analysts, partners, and customers publishing a case study. Everything here is the canonical version. You do not need repo access to use it.
Prefer SVG. It stays sharp at any size. PNG is there for tools that cannot place vector files.
zip, 574 KB, 33 files. Logos in SVG and PNG, the banner, and a usage sheet.
Full lockup
The mark plus the wordmark. Use this when Verdigris needs to be named, which is most of the time.
Icon
The mark on its own. Use it where the name already appears next to it, or where the lockup will not fit.
Banner
The approved Verdigris banner, for article headers and press pages.
Color
| Role | OKLch | Hex | Where |
|---|---|---|---|
| Brand teal | oklch(0.753 0.1279 191.57) | #0FC8C3 | The mark, accents, highlights |
| Teal for text on light | oklch(0.50 0.10 191.57) | #007571 | Teal wording on a white page |
| Dark neutral | oklch(0.141 0.005 285.823) | #09090b | The formal logo variant, body text |
Print reference for brand teal: Pantone PMS 3262 C.
Brand teal on white measures 2.09:1 , under the WCAG AA floor for body text. Use it for the mark and for accents. If you need teal wording on a light background, use the darker teal in the table above.
Full palette and rationale: Color foundations.
Typography
Lato Bold for display headings, Inter for body text, JetBrains Mono for code. All three are free under the SIL Open Font License and load from Google Fonts.
Details: Typography foundations.
Using the logo
- Leave clear space of at least one icon height on every side.
- Minimum size: 24px tall for the icon, 80px wide for the lockup.
- Do not rotate, stretch, recolor, or add shadows and outlines.
- Do not put the teal logo on a teal background.
- Over photography, use the white logo on a dark overlay.
Permitted use
These files are here so publications and partners can refer to Verdigris accurately. Use them unmodified in editorial coverage, case studies, and partner materials that reference Verdigris. Do not alter the marks, and do not use them in a way that suggests Verdigris endorses a product or claim.
For anything outside that, or if you need a file in a format not listed here, ask your Verdigris contact. They can reach the design system team.
For engineers
Tokens, CSS variables, and the Tailwind preset ship as an npm package. See the consumer integration guide. Applied examples live on the brand specimen.