Skillwick / Design system

Evidence,
made legible.

An editorial system for practical assessment: warm paper, deep green, coral for challenged claims, readable evidence and purposeful motion.

Approved wordmark

The approved integrated wordmark uses the conversation icon as its initial S. Use /brand/skillwick-wordmark-green.svg on light surfaces and the reversed version on dark surfaces. Preserve its aspect ratio and contours; do not add a second icon or S. Standalone icons and favicons retain their approved geometry. Asset provenance and guidance.

Typography roles

Display: Georgia at 48–94px. Section heading: 38–62px. Reading text: system sans at 16–17px. Reference labels: system monospace, normally 11–12px. Labels supplement readable text; they never carry the only explanation.

Color & hierarchy

Coral marks a claim to investigate. Green carries the product environment and evidence context. Rules and alignment connect documents without surrounding every section in cards.

Domain components

Claim

Source conversation, visible attribution, underlined native button and claim reference.

Test

Labelled native controls, a fixed condition and an explicit illustrative reference.

Evidence

Expected and observed results, impact, traceable reference and reviewer disclosure.

Brief

Assignment context, output expectations and a visible distinction between illustration and actual instructions.

Interaction contracts

Every scene transition is visitor-driven. Next and Run actions focus the active sheet. Hidden sheets leave the keyboard order. Stage buttons expose their selected state. A live status names the current step.

System reduced-motion preference takes precedence over the visible motion toggle. Mobile keeps one active document in normal flow. Without JavaScript, navigation remains visible and the complete investigation is available as a text page.

Content boundaries

Scripted demonstrations are labelled where they appear. Product captures use synthetic data. Pilot status stays explicit. No invented customers, scores, certifications, automated hiring decisions or enrollment endpoints.