hackers&wizards

Catalog

Every element and state this verifier renders, built from the same functions as the live pages. The tokens come from the hackers&wizards brand package, which owns the brand.

Back to verification

Shared elements from brand

label

From brand v0.32.0, class .hw-label, in the brand catalog

Topics covered

card

From brand v0.32.0, class .hw-card, in the brand catalog

The verifier's card: its padding is --hw-card-pad set to --spacing-stack, its shadow and width are its own.

strip

From brand v0.32.0, class .hw-strip, in the brand catalog

focus-ring

From brand v0.32.0, class .hw-focus-ring, in the brand catalog

button

From brand v0.32.0, class .hw-button, in the brand catalog

arrow-link

From brand v0.32.0, class .hw-arrow-link, in the brand catalog

field

From brand v0.32.0, class .hw-field, in the brand catalog

Example: HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

facts

From brand v0.32.0, class .hw-facts, in the brand catalog

Term
Value
Issued by
hackers&wizards GmbH, Hamburg

The verifier's own elements

status

The verification result: a box in the result's tone (green verified, amber unavailable) at 60 % as its line and 12 % over white as its ground, 1rem padding, the icon and heading in the tone's dark ink. brand's status box (the tone mixed with ink at 40 and 7 %, card padding) lost the blind review of 2 November 2026: six of six Claude runs and two of four Codex runs preferred this box, as the clearer 'verified' at a glance; brand's read as washed out and, on a laptop, half empty.

Verified

Success text.

Warning

Warning text.

Tokens

  • --color-bg#f7f9fa
  • --color-white#ffffff
  • --color-ink#19283a
  • --color-muted#545861
  • --color-border#d0d2d8
  • --color-border-strongcolor-mix(in srgb, var(--color-ink) 50%, white)
  • --color-teal#1a7285
  • --color-teal-dark#155b6a
  • --color-teal-lightcolor-mix(in srgb, var(--color-teal) 40%, white)
  • --color-purple#9333ea
  • --color-ampersand#7c849c
  • --color-green#4ade80
  • --color-green-dark#15803d
  • --color-amber#f59e0b
  • --color-amber-dark#b45309
  • --gradient-magiclinear-gradient(135deg, var(--color-teal) 0%, var(--color-purple) 100%)
  • --radius-brand20px 5px
  • --radius-sm5px
  • Aa--font-mono"JetBrains Mono Variable", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace
  • Aa--font-code"JetBrains Mono Variable", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace
  • Aa--font-sans"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
  • Aa--text-displayclamp(1.875rem, 1.413rem + 2.6087vw, 3.5rem)
  • --text-display--line-height1.1
  • --text-display--letter-spacing-0.04em
  • --text-display--word-spacing-0.2em
  • Aa--text-h1clamp(1.75rem, 1.2609rem + 2.1739vw, 3rem)
  • --text-h1--line-height1.1
  • --text-h1--letter-spacing-0.035em
  • --text-h1--word-spacing-0.2em
  • Aa--text-h2clamp(1.375rem, 1.1793rem + 0.8696vw, 1.875rem)
  • --text-h2--line-height1.2
  • --text-h2--letter-spacing-0.02em
  • --text-h2--word-spacing-0.1em
  • Aa--text-h3clamp(1.25rem, 1.1522rem + 0.4348vw, 1.5rem)
  • --text-h3--line-height1.25
  • --text-h3--letter-spacing-0.015em
  • Aa--text-h41.125rem
  • --text-h4--line-height1.35
  • --text-h4--letter-spacing-0.01em
  • Aa--text-leadclamp(1.125rem, 1.0761rem + 0.2174vw, 1.25rem)
  • --text-lead--line-height1.55
  • Aa--text-body1rem
  • --text-body--line-height1.6
  • Aa--text-small0.875rem
  • --text-small--line-height1.5
  • Aa--text-label0.75rem
  • --text-label--line-height1.4
  • --tracking-label0.06em
  • --type-display-familyvar(--font-mono)
  • --type-display-weight700
  • Aa--type-display-sizevar(--text-display)
  • --type-display-line-heightvar(--text-display--line-height)
  • --type-display-trackingvar(--text-display--letter-spacing)
  • --type-display-word-spacingvar(--text-display--word-spacing)
  • --type-h1-familyvar(--font-mono)
  • --type-h1-weight700
  • Aa--type-h1-sizevar(--text-h1)
  • --type-h1-line-heightvar(--text-h1--line-height)
  • --type-h1-trackingvar(--text-h1--letter-spacing)
  • --type-h1-word-spacingvar(--text-h1--word-spacing)
  • --type-h2-familyvar(--font-mono)
  • --type-h2-weight700
  • Aa--type-h2-sizevar(--text-h2)
  • --type-h2-line-heightvar(--text-h2--line-height)
  • --type-h2-trackingvar(--text-h2--letter-spacing)
  • --type-h2-word-spacingvar(--text-h2--word-spacing)
  • --type-h3-familyvar(--font-mono)
  • --type-h3-weight700
  • Aa--type-h3-sizevar(--text-h3)
  • --type-h3-line-heightvar(--text-h3--line-height)
  • --type-h3-trackingvar(--text-h3--letter-spacing)
  • --type-h4-familyvar(--font-mono)
  • --type-h4-weight700
  • Aa--type-h4-sizevar(--text-h4)
  • --type-h4-line-heightvar(--text-h4--line-height)
  • --type-h4-trackingvar(--text-h4--letter-spacing)
  • --type-lead-familyvar(--font-sans)
  • --type-lead-weight400
  • Aa--type-lead-sizevar(--text-lead)
  • --type-lead-line-heightvar(--text-lead--line-height)
  • --type-lead-tracking0
  • --type-body-familyvar(--font-sans)
  • --type-body-weight400
  • Aa--type-body-sizevar(--text-body)
  • --type-body-line-heightvar(--text-body--line-height)
  • --type-body-tracking0
  • --type-small-familyvar(--font-sans)
  • --type-small-weight400
  • Aa--type-small-sizevar(--text-small)
  • --type-small-line-heightvar(--text-small--line-height)
  • --type-small-tracking0
  • --type-label-familyvar(--font-mono)
  • --type-label-weight500
  • Aa--type-label-sizevar(--text-label)
  • --type-label-line-heightvar(--text-label--line-height)
  • --type-label-trackingvar(--tracking-label)
  • --type-label-caseuppercase
  • --type-stat-familyvar(--font-mono)
  • --type-stat-weight700
  • Aa--type-stat-sizevar(--text-h1)
  • --type-stat-line-height1.1
  • --type-stat-tracking-0.04em
  • --type-code-familyvar(--font-code)
  • --type-code-weight400
  • Aa--type-code-sizevar(--text-small)
  • --type-code-line-height1.6
  • --type-code-tracking0
  • --spacing-guttermax(round(clamp(1rem, 0.413rem + 2.6087vw, 2.5rem), 1px), env(safe-area-inset-left), env(safe-area-inset-right))
  • --spacing-stackclamp(1.5rem, 0.913rem + 2.6087vw, 3rem)
  • --spacing-gridclamp(1rem, 0.6087rem + 1.7391vw, 2rem)
  • --spacing-cardmin(clamp(1.25rem, 0.9565rem + 1.3043vw, 2rem), clamp(20px, 15.304px + 1.3043vw, 32px))
  • --container-measure33em
  • --shadow-card0 2px 4px rgba(0, 0, 0, 0.05)
  • --motion-fast150ms ease
  • --container-text40rem
  • --spacing-tight0.25rem

Elements

Wordmark

hackers&wizards

Eyebrow, heading and lead

Certificate verification

Heading

Lead paragraph in the muted ink, at most 33em wide.

Primary button: default, focus

Secondary button, opens a new tab: default, focus

Credential ID field: empty, focus, filled

Example: HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

Example: HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

Checked: HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

Credential ID field: invalid

Example: HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

Enter a credential ID to verify it.

Facts and topics

Topics covered

  • How LLMs and coding agents work in practice
  • Applying agentic workflows in day-to-day engineering
Term
Value
Credential ID
HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

Contact help

Still unsure about the result?
Email the issuer with the credential ID

Lookup form (/)

hackers&wizards

Certificate verification

Verify a hackers&wizards certificate

Enter the credential ID printed at the bottom of the certificate, or paste the full verification link.

Example: HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

Lookup form, empty submit (/verify?id=)

hackers&wizards

Certificate verification

Verify a hackers&wizards certificate

Enter the credential ID printed at the bottom of the certificate, or paste the full verification link.

Example: HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

Enter a credential ID to verify it.

Verified certificate (/c/{id})

hackers&wizards

Verified

This certificate is listed in the hackers&wizards certificate registry and has not been revoked. Checked on 2 November 2026.

Certificate of Completion

This is to certify that

Example Recipient

has successfully attended the

Agentic Engineering for Developers and QA

on 5-6 May 2026 (Remote).

Topics covered

  • How LLMs and coding agents work in practice
  • Applying agentic workflows in day-to-day engineering
Credential ID
HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1
Issued by
hackers&wizards GmbH, Hamburg
Duration
16 hours
Issued
May 2026

Received this link from someone else? To check it yourself, type certificates.hackersandwizards.dev into your browser and enter the credential ID.
Verify another certificate

Verified certificate without topics or format

hackers&wizards

Verified

This certificate is listed in the hackers&wizards certificate registry and has not been revoked. Checked on 2 November 2026.

Certificate of Completion

This is to certify that

Example Recipient

has successfully attended the

Agentic Engineering for Developers and QA

on 5-6 May 2026.

Credential ID
HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1
Issued by
hackers&wizards GmbH, Hamburg
Duration
16 hours
Issued
May 2026

Received this link from someone else? To check it yourself, type certificates.hackersandwizards.dev into your browser and enter the credential ID.
Verify another certificate

Unknown or revoked credential (/c/{id} or /verify?id={id})

hackers&wizards

Certificate verification

We could not verify this credential

No valid certificate has this ID. Compare it character by character with the ID on the certificate. If they match, the certificate may have been revoked: revoked certificates are not shown.

Checked: HW-XXX-000000-UNKNOWN

Still unsure about the result?
Email the issuer with the credential ID

Registry unreachable, status 503

hackers&wizards

Certificate verification

Verification is temporarily unavailable

The certificate registry could not be reached, so this page can neither confirm nor reject the credential. Try again in a few minutes.

Checked: HW-XXX-000000-UNKNOWN

Still unsure about the result?
Email the issuer with the credential ID

Unknown path, status 404

hackers&wizards

Certificate verification

This page does not exist

Certificate links start with the address below, followed by the credential ID. Enter the ID to look it up.

certificates.hackersandwizards.dev/c/

Example: HW-AE-DEV-260506-Q7M9X2K8V4N6P3D1

States the verifier does not have

No loading state: pages render on the server. The one client script reveals the copy button. Revoked and unknown credentials share one neutral card by design. A registry outage shows the unavailable card only when no earlier copy of the registry is cached.