Brand assets¶
Official CertIntel logo marks, wordmarks, and color palette, mirrored here from
the identity package in certintel-documentation (docs/product/brand/) so
they're easy to grab without digging through that repo. All files are plain,
editable SVG (no embedded fonts) - drop them straight into HTML/CSS, React
components, or a PWA manifest. PNG app-icon tiles are included alongside the
SVGs for places that need a raster file.
Marks¶
| Preview | File | Use |
|---|---|---|
 |
mark-blue.svg | Brand Blue #1F6FEB, transparent background |
 |
mark-black.svg | Pure black |
 |
mark-ink.svg | Ink #1B2733 |
 |
mark-white.svg | White, for dark/colored backgrounds |
App icon tiles¶
512×512 rounded square, ready for PWA manifests / touch icons. SVG and PNG both provided.
| Preview | Files |
|---|---|
 |
.svg · .png |
 |
.svg · .png |
 |
.svg · .png |
Favicon¶
favicon.svg - heavier stroke weight than the marks above so it stays legible down to 16px. This is what this site's own browser tab icon uses.
Wordmark only (no shield mark)¶
| Preview | File |
|---|---|
 |
wordmark-certintel-light.svg |
 |
wordmark-certintel-dark.svg |
 |
wordmark-certin-tel-light.svg |
 |
wordmark-certin-tel-dark.svg |
"Light" files are for placement on light/white backgrounds; "dark" files are for placement on dark backgrounds.
Primary lockups (mark + wordmark)¶
Horizontal
| Preview | File |
|---|---|
 |
logo-horizontal-light.svg |
 |
logo-horizontal-dark.svg |
 |
logo-horizontal-certin-tel-light.svg |
 |
logo-horizontal-certin-tel-dark.svg |
Stacked (mark above wordmark, centered)
| Preview | File |
|---|---|
 |
logo-stacked-light.svg |
 |
logo-stacked-dark.svg |
Color palette¶
| Swatch | Name | Hex |
|---|---|---|
| Brand Blue (light UI) | #1F6FEB |
|
| Brand Blue (dark UI) | #4C8DFF |
|
| Ink | #1B2733 |
|
| Light Canvas | #F6F7F9 |
|
| White | #FFFFFF |
This site's own palette (see docs/stylesheets/extra.css) is set from these same values.
Typography¶
Wordmarks are set in Inter SemiBold/Bold (font-weight: 600 / 700). The
SVGs reference Inter, 'Helvetica Neue', Arial, sans-serif as the
font-family - since the text is live SVG <text> (not outlined to paths),
load Inter on the page (e.g. via Google Fonts or self-hosted woff2) for the
wordmark to render exactly as designed; otherwise it falls back to Helvetica
Neue/Arial. If you need pixel-perfect rendering without depending on the font
being loaded (e.g. a static export or PDF), convert the text to outlines in a
vector editor first.
Clear space & minimum size¶
- Keep clear space around the lockup equal to the height of the shield mark on all sides.
- Minimum sizes: icon-only 16px, horizontal lockup ~120px wide (digital), stacked ~90px wide (digital).
Source¶
These files are the canonical copy from certintel-documentation at
docs/product/brand/ - if you need a variant that isn't here, or want to
update the mark itself, make the change there first and re-sync this folder.