Brand & Media Kit
The SkillCort brand, documented
Everything you need to represent SkillCort accurately — logo usage, colors, typography, and the visual language that keeps the brand calm, minimal, and credible.
Logo
The symbol is a focus mark — four viewfinder corners bracketing a single Electric Blue node: bring one skill into focus and measure it. The corner strokes inherit the surrounding text color, so the mark reads on light and dark surfaces; only the node carries the accent. It pairs with the SkillCort wordmark in a clean sans-serif. It is a measurement mark, not a brain or a robot.
Primary lockup
Horizontal symbol + SkillCort wordmark. Use the secondary symbol-only mark for app icons, favicons, and small surfaces.
Clear space
Keep clear space of at least 1.5× the symbol's stroke weight on all sides. No text, icon, image, or edge enters that area.
Minimum size
Digital horizontal logo: min 120px wide. Digital symbol: min 24px. Print logo: min 25mm. Print symbol: min 8mm.
Approved versions
Corners in black on light backgrounds; corners in white on dark backgrounds; the node stays Electric Blue in both. Use the symbol alone for app icons, favicons, and small UI surfaces.
Don't
No stretching or squeezing, no shadow / bevel / glow / outline, no recoloring the node away from Electric Blue, no redrawing the corners, and no low-contrast or cluttered backgrounds.
Color
A controlled palette built for trust, clarity, and a premium technology feel. Neutrals carry the work; blue is a restrained signal accent for active states and CTAs only.
SkillCort Black
#0F1115Primary
Logo, headings, primary text emphasis
Soft Graphite
#3A4048Secondary
Secondary text and interface surfaces
Cloud White
#F7F8FALight base
Backgrounds and document base
Mist Gray
#DDE2E8Neutral
Dividers, grids, cards, quiet borders
Signal Blue
#9FD6FFAccent
Focus states, faint traces, fine accents
Electric Blue
#4AA8FFAccent dark
Active UI states and CTA accents
Recommended usage ratio
- 75% light neutrals
- 20% black / graphite
- 5% blue accent
Typography
A modern sans-serif system for clarity and professional credibility — Inter, Söhne, or an equivalent. This site currently ships Geist. Avoid overly rounded consumer fonts, decorative display faces, and ultra-futuristic typefaces.
| Level | Size | Weight | Usage |
|---|---|---|---|
| H1 | 40–56px | SemiBold / Bold | Hero and primary section headlines |
| H2 | 28–36px | SemiBold | Page sections and landing modules |
| H3 | 20–24px | Medium / SemiBold | Cards, sub-sections, product panels |
| Body Large | 18px | Regular | Opening paragraphs and short intros |
| Body | 14–16px | Regular | Standard product and document text |
| Caption | 12–13px | Regular / Medium | Metadata, notes, labels, captions |
Visual language
Minimal, architectural, and lightly surreal — wide negative space and a monochrome base with faint blue signal lines. Use geometric metaphors like loops, gates, platforms, and paths to represent the flow from skill to evidence to decision.
Do
- Keep layouts clean, spacious, and calm
- Use blue sparingly as a signal accent
- Show evidence and decision flow with minimal geometry
- Default the logo to black or white
- Hold a serious, enterprise-grade tone
Don’t
- Use AI faces, robots, or generic stock people
- Lean on heavy cyberpunk neon aesthetics
- Overload scenes with floating dashboards
- Use literal brain or neural-network illustrations
- Turn the brand into a generic HR-tech template
Downloads
The current marks and color tokens, ready to use. Need a format that isn't here — EPS, a one-page brand PDF, or the wordmark outlined? Ask us and we'll send it over.
Logo lockup
PNGThe symbol + SkillCort wordmark on a transparent background.
DownloadSymbol mark
SVGThe focus symbol as a scalable vector — black version. A white version for dark surfaces sits at /brand/skillcort-symbol-white.svg.
DownloadColor tokens
CSSThe six brand colors as CSS custom properties, with roles and the usage ratio.
Download
Need something else?
For press assets, interviews, or brand questions, reach out — we're happy to help you represent SkillCort accurately.