Brand sheet
The mark, palette, type, and motif the rest of the site is built from. Not a product page.
Logo
A coach’s whistle. The wordmark closes to a single word, RecruitCoach. Minimum mark size 20px; keep clear space equal to the whistle’s chamber diameter.
/brand/recruitcoach-mark.svg/brand/recruitcoach-mark-mono.svgRecruitCoach
LockupRecruitCoach
Inverse lockupRecruitToolsParent brand — the set that holds every tool, RecruitCoach among them.
/brand/recruittools-mark.svgPalette
Light by default, plus dark. Token names are the live CSS custom properties.
Background
--color-paper #F6F3EB / #17231E Background, subtle
--color-paper-deep #ECE8DD / #1D2B25 Surface
--color-paper-light #FFFFFF / #24362D Surface, raised
--color-raised #FFFEFA / #2D4036 Text
--color-ink #202E29 / #F5F2E9 Text, muted
--color-muted #4F5D53 / #CCD3C7 Primary
--color-accent #245C48 / #B5D7AD Primary, hover
--color-accent-deep #194634 / #CBE6C3 Accent
--color-rust #9C452B / #EEB391 Quote
--color-quote-bg #F4E8DD / #3A3228 Field
--color-field-bg #EAF1E9 / #2C3C30 Highlight
--color-highlight #E9DCBC / #49422F Success
--color-success #276342 / #ABD3AD Warning
--color-warning #845300 / #EFCA85 Danger
--color-danger #AD332C / #FFB4A8 Info
--color-info #245E79 / #B1D4E6Type
Manrope · Display 600, 700
A coach after a graded screen.
Source Sans 3 · Body 400–700
Display, body, and mono. Sentence case on headings. Numerals in running copy.
IBM Plex Mono · Quotes and transcripts
“I prefer second shift.”
Hanken Grotesk · Wordmark 700
RecruitCoach
Icons
Line icons. No certification badges, review-site marks, or customer logos.
approve
clock
companies
email
extension
eye
field
kill-switch
lock
meter
pay
phone
quote
retry
scorecard
transcript
Motif
A spoken line becomes a quote, then a field: waveform, quote, field.
Spoken line
Quote receipt
“I prefer second shift.”
Proposed field Second shift