← Archive
06/06
Brand design · Security product
Sentinel
A free website security toolkit — paste a domain, get a plain-English score, risk level, and a list of what to fix.
Brand system
A security product that speaks human. Dark UI, high-contrast scores, and plain language instead of CVSS theatre — marketing and scanner as one system.
05 colours02 typefaces05 spec groups
01 · Colour
5 swatches
Primary#0B0C09
Product Black
App background
Report Cream
#EFE8D6
Primary text
Signal Lime
#D8FF3C
Score & success
Risk Amber
#F59E0B
Medium risk
Critical Red
#EF4444
High risk
02 · Typography
2 faces
01 · Display
Inter
Find what hackers see.
Product headlines, score numerals, and tool names.
02 · Mono
System Mono
example.com · 10 checks
Findings, domains, scan progress, and technical labels.
03 · Specifications
5 groups
01
Identity
- Positioning
- Free website security toolkit — plain-English reports.
- Tagline
- Find what hackers see.
- Tools
- Website scan · Subdomain finder · Fake-link checker.
- Tone
- Direct, honest, non-alarmist — explains checks clearly.
02
Logo & mark
- Wordmark
- Sentinel — product sans, high contrast on dark.
- Score mark
- 0–100 numerals as primary visual anchor.
03
Typography rules
- UI
- Inter — headlines, buttons, marketing copy.
- Findings
- System mono — domains, CVE refs, scan progress.
- Score
- Oversized numerals — instant readability.
04
Colour system
- Product black
- #0B0C09 — app and marketing background.
- Report cream
- #EFE8D6 — primary text on dark.
- Signal lime
- #D8FF3C — success, score highlights.
- Risk amber
- #F59E0B — medium severity findings.
- Critical red
- #EF4444 — high severity findings.
05
Product UI
- Scan flow
- Domain input → progress → score → fix list.
- Sample report
- Visible on marketing page before scanning.
- Cards
- Ten-check overview on homepage — honest scope.
- Mobile report
- Findings stack; score stays pinned top.
