---
id: pattern.page.expert-profile
status: stable
version: 1.0.0
owner: AI CJM
evidence: https://aicjm.ru/edu/teachers/mikhail-larkin/
---

# Expert profile pattern

## Назначение и evidence

Профиль объясняет, какую рабочую задачу человек помогает решить и чем это подтверждено.
Production evidence: one-hop expert profiles из `/edu/teachers/`.

## Композиция

`breadcrumbs → identity hero (portrait/name/role) → working thesis → verified skills →
relevant experience/cases → formats/topics → related experts → selection CTA`.
Биография и список достижений не заменяют объяснение роли в задаче клиента.

## Компоненты

Stable registry IDs: `primary-nav`, `hero`, `people`, `article-content`, `metric`,
`card`, `button`,
`site-footer`.

## Токены

Exact token IDs: `surface.page`, `surface.card`, `surface.subtle`, `text.primary`,
`text.secondary`, `text.quiet`, `border.default`, `type.size.heading-large`,
`type.size.heading-medium`, `type.size.body`, `type.size.metadata`,
`layout.container-max`, `layout.gutter-desktop`, `layout.gutter-tablet`,
`layout.gutter-mobile`, `spacing.card-desktop`, `spacing.card-mobile`,
`action.primary`, `focus.ring`. Портрет не перекрашивается в brand blue;
фокусная точка берётся из asset metadata.

## Адаптивность и доступность

Hero из двух колонок становится одноколоночным с именем и ролью до длинного текста.
Portrait имеет alt/consent; heading hierarchy не пропускает уровни; ссылки на кейсы явно названы.

## Контент

Имя, роль, topics, clients, цифры, кейсы и цитаты имеют source-backed profile.
Корпоративный голос сохраняется; текст от первого лица допустим только как
атрибутированная цитата с approval.

## Разрешено и запрещено

**Разрешено:** связь «задача → компетенция → source-backed кейс → роль в программе».

**Запрещено:** выдуманное personal branding, непроверенные логотипы, рейтинги,
стоковый портрет, CTA «Узнать больше».

## Acceptance criteria

- profile source/owner/approval указаны;
- рабочая роль и proof связаны;
- crop/alt/consent, mobile order, links, headings и CTA проверены.

## V2 exact composition

Pattern ID: `pattern.page.expert-profile`. Complete visual reference:
`/brandbook/web/examples/expert-profile/`.

Required sequence:

1. `section.profile.identity`
2. `section.proof.strip`
3. `section.task.framing`
4. `section.case.showcase`
5. `section.programs.formats`
6. `section.content.related`
7. `section.lead.form`

Shared shell: exactly one stable `site-header` and one stable `site-footer`.
Heading: one H1; accent may wrap one semantic phrase in
`aicjm-headline__accent`. Every following section owns one H2.

## V2 responsive contract

Desktop preserves the declared grid and evidence adjacency. Mobile uses one
semantic reading column, preserves every required section and action, and
permits local horizontal scrolling only for explicit filter/navigation rails.
Page-level horizontal overflow is prohibited.

## V2 state and content contract

Filters expose selected and result status. Forms expose validation, loading,
success and error through the shared lead flow. Empty states explain the query
and a recovery action. Every metric, logo, portrait, case and quotation keeps
its source. Placeholder claims remain visibly `[уточнить]` and never ship as proof.

## V2 acceptance

- one H1, valid H2/H3 hierarchy and named landmarks;
- one primary action per semantic stage;
- all components and sections resolve to stable registry IDs;
- 1440, 1024, 768 and 375 px pass without content loss or page overflow;
- keyboard, focus, reduced motion, links, assets and source labels pass QA.