Анализ страницы https://servicedesigntools.org/tools
Основное Готовность: 95%
Домен
servicedesigntools.org
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Длина домена велика. Но если вы продвигаете запрос, входящий в название домена, то это хорошо.
Домен второго уровня идеален для продвижения.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 04.10.2026 22:45:22.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~1,52сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,52сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
178Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 178Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 6
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 6 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | /assets/css/master.css | |
| stylesheet | /assets/css/tools-index.css | |
| js | /assets/js/libraries/isotope.pkgd.min.js | |
| js | /assets/js/libraries/d3-array.min.js | |
| js | module | /assets/js/tools-index.js |
| js | /assets/js/navigation.js |
Серверные заголовки
Кол-во: 15
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 15шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Accept-Ranges | bytes |
| Age | 52205 |
| Cache-Control | public, must-revalidate, max-age=0 |
| cache-status | "Netlify Edge"; hit; ttl=31483795 |
| content-security-policy-report-only | default-src 'none'; script-src 'self' https://www.googletagmanager.com; connect-src 'self'; img-src 'self' *.cloudfront.net; style-src 'self'; base-uri 'self'; form-action 'self'; font-src 'self'; |
| Date | Sun, 23 Aug 2026 02:39:56 GMT |
| ETag | "e09e4e781c0cc26fa3d187b63e6fea2a-ssl" |
| permissions-policy | camera 'none'; microphone 'none'; payment 'none'; geolocation 'none' |
| Referrer-Policy | strict-origin-when-cross-origin |
| Server | Netlify |
| Strict-Transport-Security | max-age=31536000; includeSubDomains |
| X-Content-Type-Options | nosniff |
| X-Frame-Options | SAMEORIGIN |
| x-nf-request-id | 01M0P7TBEXX7ME47ZYTR5Y6TBZ |
| X-XSS-Protection | 1; mode=block |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Netlify
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
В заголовке Server указано: Netlify.
Мета-теги Готовность: 38%
Title
Tools | Service Design Tools
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Устраните дубли в title: tools(2)
Необходимо увеличить число символов в title (текущее значение: 28, оптимально: от 40 до 45)
Description
Browse the collection to find the best resources and materials, based on your specific needs.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо увеличить число символов в description (текущее значение: 93, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Рекомендуем прописать канонический Url.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1, shrink-to-fit=no
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 4
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:title | Tools | Service Design Tools |
| og:description | Browse the collection to find the best resources and materials, based on your specific needs. |
| og:image | https://servicedesigntools.org/assets/images/home-social-img.png |
| og:url | https://servicedesigntools.org/tools.html |
Все мета-теги
Кол-во: 10
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 10шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1, shrink-to-fit=no |
| name | msapplication-TileColor | #262d32 |
| name | msapplication-config | /assets/images/favicons/browserconfig.xml |
| name | theme-color | #ffffff |
| name | Description | Browse the collection to find the best resources and materials, based on your specific needs. |
| name | twitter:card | summary_large_image |
| property | og:title | Tools | Service Design Tools |
| property | og:description | Browse the collection to find the best resources and materials, based on your specific needs. |
| property | og:image | https://servicedesigntools.org/assets/images/home-social-img.png |
| property | og:url | https://servicedesigntools.org/tools.html |
Оптимизация Готовность: 72%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в одном экземпляре).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Среднее число слов в абзаце 3 слишком мало. Сделайте контент более читаемым!
Кол-во слов 290 слишком мало. Добавьте больше текста (минимум 400 слов)!
Слова из title 4 встречаются в тексте достаточно.
Абзацев с текстом 70 достаточно.
Кол-во знаков контента 2037 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 1. Это хорошо.
На странице присутствуют заголовки <h3> 12.
Тошнота
3,46
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
18,97%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| enhanced | 12 | 4,14% |
| service | 10 | 3,45% |
| design | 5 | 1,72% |
| experience | 4 | 1,38% |
| journey | 4 | 1,38% |
| system | 3 | 1,03% |
| resources | 2 | 0,69% |
| specific | 2 | 0,69% |
| filter | 2 | 0,69% |
| research | 2 | 0,69% |
| prototyping | 2 | 0,69% |
| evaluation | 2 | 0,69% |
| stakeholders | 2 | 0,69% |
| offering | 2 | 0,69% |
| change | 2 | 0,69% |
| canvas | 2 | 0,69% |
| personas | 2 | 0,69% |
| ecosystem | 2 | 0,69% |
| download | 2 | 0,69% |
| cookie | 2 | 0,69% |
Индексация Готовность: 50%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 60 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Не найден
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Файл robots.txt не найден (ошибка 404). Крайне рекомендуем добавить файл robots.txt, это правило хорошего тона для поисковых роботов.
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 56
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 56 оптимально.
Показать внутренние ссылки
| Url | Анкор | Состояние |
|---|---|---|
| / |
<svg class="logo" version="1.1" width="40" height="27" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 39.79 26.78" xml:space="preserve">
<path d="M2.93 20.2c-1.02-0.26-1.84-0.6-2.45-1l1.25-2.69c0.58 0.37 1.27 0.67 2.09 0.9 0.82 0.23 1.62 0.35 2.4 0.35 1.58 0 2.38-0.39 2.38-1.18 0-0.37-0.22-0.63-0.65-0.79 -0.43-0.16-1.1-0.3-1.99-0.41 -1.06-0.16-1.93-0.34-2.62-0.55s-1.28-0.58-1.79-1.1c-0.5-0.53-0.76-1.28-0.76-2.26 0-0.82 0.24-1.54 0.71-2.17 0.47-0.63 1.16-1.12 2.06-1.48 0.9-0.35 1.97-0.53 3.2-0.53 0.91 0 1.82 0.1 2.72 0.3 0.9 0.2 1.65 0.48 2.24 0.83l-1.25 2.66c-1.14-0.64-2.38-0.96-3.72-0.96 -0.8 0-1.4 0.11-1.8 0.34 -0.4 0.22-0.6 0.51-0.6 0.86 0 0.4 0.22 0.68 0.65 0.84 0.43 0.16 1.12 0.31 2.06 0.46C8.14 12.8 9 12.99 9.67 13.19c0.67 0.2 1.26 0.56 1.75 1.09 0.5 0.53 0.74 1.26 0.74 2.21 0 0.8-0.24 1.51-0.72 2.14 -0.48 0.62-1.18 1.11-2.1 1.45 -0.92 0.34-2.01 0.52-3.28 0.52C5 20.59 3.95 20.46 2.93 20.2zM27.62 2.59V20.4h-3.58v-1.49c-0.93 1.12-2.27 1.68-4.03 1.68 -1.22 0-2.32-0.27-3.3-0.82 -0.98-0.54-1.76-1.32-2.32-2.33s-0.84-2.18-0.84-3.5c0-1.33 0.28-2.5 0.84-3.5s1.33-1.78 2.32-2.33c0.98-0.54 2.08-0.82 3.3-0.82 1.65 0 2.94 0.52 3.86 1.56V2.59H27.62zM23.02 16.55c0.62-0.65 0.94-1.52 0.94-2.6 0-1.09-0.31-1.96-0.94-2.6s-1.41-0.97-2.35-0.97c-0.96 0-1.75 0.32-2.38 0.97s-0.94 1.52-0.94 2.6c0 1.09 0.31 1.96 0.94 2.6s1.42 0.97 2.38 0.97C21.61 17.52 22.39 17.2 23.02 16.55zM39.41 19.78c-0.37 0.27-0.82 0.48-1.36 0.61s-1.1 0.2-1.69 0.2c-1.54 0-2.72-0.39-3.56-1.18 -0.84-0.78-1.26-1.94-1.26-3.46v-5.3h-1.99V7.78h1.99V4.63h3.74v3.14h3.22v2.88h-3.22v5.26c0 0.54 0.14 0.96 0.42 1.26 0.28 0.3 0.68 0.44 1.19 0.44 0.59 0 1.1-0.16 1.51-0.48L39.41 19.78z"></path>
</svg>
|
|
| /tools |
tools
|
|
| /enhanced-tools |
enhanced tools
|
|
| /tutorials |
tutorials
|
|
| /about |
about
|
|
| /resources |
resources
|
|
| /tools/ai-functionality-cards |
<div class="card">
<p class="card__label">enhanced</p>
<svg width="107" height="128" viewbox="0 0 107 128" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60.13 31.98C63.9297 31.98 67.01 28.8997 67.01 25.1C67.01 21.3003 63.9297 18.22 60.13 18.22C56.3303 18.22 53.25 21.3003 53.25 25.1C53.25 28.8997 56.3303 31.98 60.13 31.98Z" class="svg--filled-support"></path><path d="M105.391 126.62H28.7207V112.84H91.6507V28.34H105.391V126.62Z" class="svg--filled-support"></path><path d="M47.1894 25.23C47.8894 26.97 42.2794 30.12 42.3994 31.89C42.5194 33.73 48.4894 36.12 48.0494 37.87C47.6094 39.62 41.2194 38.88 40.2494 40.43C39.2794 41.98 42.7394 47.41 41.3294 48.59C39.9694 49.73 35.2494 45.36 33.5194 46.06C31.7894 46.76 31.3794 53.17 29.6094 53.28C27.7794 53.4 26.5094 47.08 24.7594 46.63C23.0194 46.18 18.8994 51.13 17.3494 50.16C15.7994 49.19 18.4894 43.35 17.3094 41.94C16.1694 40.57 9.93941 42.16 9.24941 40.42C8.55941 38.68 14.1594 35.53 14.0394 33.76C13.9094 31.92 7.95941 29.53 8.38941 27.78C8.82941 26.03 15.2194 26.77 16.1894 25.22C17.1594 23.67 13.6994 18.24 15.1094 17.06C16.4694 15.93 21.1894 20.29 22.9194 19.59C24.6494 18.89 25.0594 12.48 26.8294 12.37C28.6594 12.25 29.9294 18.58 31.6794 19.02C33.4194 19.47 37.5394 14.52 39.0894 15.49C40.6394 16.46 37.9494 22.3 39.1294 23.71C40.2694 25.08 46.4894 23.49 47.1894 25.23Z" class="svg--filled-support"></path><path d="M65.7705 37.73H54.4805V49.02H65.7705V37.73Z" class="svg--filled-support"></path><path d="M91.42 113.06H14.75V99.28H77.67V14.78H91.42V113.06Z" class="svg--outline"></path><path d="M77.67 1H1V99.28H77.67V1Z" class="svg--outline"></path><path d="M10.6797 66.44H65.7797" class="svg--outline"></path><path d="M10.6797 75.91H65.7797" class="svg--outline"></path><path d="M105.391 126.62H28.7207V112.84H91.6507V28.34H105.391V126.62Z" class="svg--outline svg--bw"></path><path d="M47.1894 25.23C47.8894 26.97 42.2794 30.12 42.3994 31.89C42.5194 33.73 48.4894 36.12 48.0494 37.87C47.6094 39.62 41.2194 38.88 40.2494 40.43C39.2794 41.98 42.7394 47.41 41.3294 48.59C39.9694 49.73 35.2494 45.36 33.5194 46.06C31.7894 46.76 31.3794 53.17 29.6094 53.28C27.7794 53.4 26.5094 47.08 24.7594 46.63C23.0194 46.18 18.8994 51.13 17.3494 50.16C15.7994 49.19 18.4894 43.35 17.3094 41.94C16.1694 40.57 9.93941 42.16 9.24941 40.42C8.55941 38.68 14.1594 35.53 14.0394 33.76C13.9094 31.92 7.95941 29.53 8.38941 27.78C8.82941 26.03 15.2194 26.77 16.1894 25.22C17.1594 23.67 13.6994 18.24 15.1094 17.06C16.4694 15.93 21.1894 20.29 22.9194 19.59C24.6494 18.89 25.0594 12.48 26.8294 12.37C28.6594 12.25 29.9294 18.58 31.6794 19.02C33.4194 19.47 37.5394 14.52 39.0894 15.49C40.6394 16.46 37.9494 22.3 39.1294 23.71C40.2694 25.08 46.4894 23.49 47.1894 25.23Z" class="svg--outline svg--bw"></path><path d="M66.19 25.1C66.19 28.4468 63.4768 31.16 60.13 31.16C56.7832 31.16 54.07 28.4468 54.07 25.1C54.07 21.7532 56.7832 19.04 60.13 19.04C63.4768 19.04 66.19 21.7532 66.19 25.1Z" class="svg--outline svg--bw"></path><path d="M65.7705 37.73H54.4805V49.02H65.7705V37.73Z" class="svg--outline svg--bw"></path></svg>
<p>AI Functionalities Cards</p>
</div>
|
|
| /tools/ai-landscape |
<div class="card">
<p class="card__label">enhanced</p>
<svg width="143" height="130" viewbox="0 0 143 130" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Frame 113"><path d="M1 45.23H16.6703V87.8693H1" class="svg--filled-support"></path><path d="M47.2182 101.036H30.3164V115.936H47.2182V101.036Z" class="svg--filled-support"></path><path d="M104.98 106.996H88.0781V121.897H104.98V106.996Z" class="svg--filled-support"></path><path d="M115.3 30.3292H16.6699V45.2299H115.3V30.3292Z" class="svg--filled-support"></path><path d="M88.0786 109.911H76V95H92.9018V106.996H88.0786V109.911Z" class="svg--filled-support"></path><path d="M115.3 30.3292H16.6699V128.959H115.3V30.3292Z" class="svg--outline"></path><path d="M65.9785 30.3292V128.815" class="svg--outline"></path><path d="M16.6699 87.8692H114.089" class="svg--outline"></path><path d="M141.304 111.913C141.304 121.344 133.659 129 124.218 129V128.959H1V18.0864H141.366L141.304 111.913Z" class="svg--outline"></path><path d="M1 45.23H16.6703V87.8693H1" class="svg--outline svg--bw"></path><path d="M104.98 106.996H88.0781V121.897H104.98V106.996Z" class="svg--outline svg--bw"></path><path d="M115.3 30.3292H16.6699V45.2299H115.3V30.3292Z" class="svg--outline svg--bw"></path><path d="M88.0786 109.911H76V95H92.9018V106.996H88.0786V109.911Z" class="svg--outline svg--bw"></path><path d="M47.2182 101.036H30.3164V115.936H47.2182V101.036Z" class="svg--outline svg--bw"></path><path d="M141.303 18.0865C141.303 8.65558 133.658 1 124.217 1V94.8271C133.648 94.8271 141.303 102.472 141.303 111.914V18.0865Z" class="svg--outline svg--filled-light "></path><path d="M141.303 18.0865C141.303 8.65558 133.658 1 124.217 1V94.8271C133.648 94.8271 141.303 102.472 141.303 111.914V18.0865Z" class="svg--outline svg--filled-support"></path></g></svg>
<p>AI Landscape</p>
</div>
|
|
| /tools/behaviour-change-wheel |
<div class="card">
<p class="card__label">enhanced</p>
<svg viewbox="0 0 110 87" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M54.712 86.3259C73.5452 86.3259 88.8125 71.0586 88.8125 52.2255C88.8125 33.3923 73.5452 18.125 54.712 18.125C35.8789 18.125 20.6116 33.3923 20.6116 52.2255C20.6116 71.0586 35.8789 86.3259 54.712 86.3259Z" class="svg--filled-support"></path><path d="M54.712 86.3259C73.5452 86.3259 88.8125 71.0586 88.8125 52.2255C88.8125 33.3923 73.5452 18.125 54.712 18.125C35.8789 18.125 20.6116 33.3923 20.6116 52.2255C20.6116 71.0586 35.8789 86.3259 54.712 86.3259Z" class="svg--outline svg--bw"></path><path d="M54.712 76.11C67.9031 76.11 78.5966 65.4165 78.5966 52.2255C78.5966 39.0344 67.9031 28.3409 54.712 28.3409C41.5209 28.3409 30.8275 39.0344 30.8275 52.2255C30.8275 65.4165 41.5209 76.11 54.712 76.11Z" class="svg--outline svg--filled-light"></path><path d="M58.6067 53.9256C59.449 54.2683 60.2133 54.7778 60.8536 55.4236C62.1059 56.6988 62.8078 58.4146 62.8084 60.202V64.2239C60.6209 65.899 57.939 66.7999 55.1839 66.7854C48.9675 66.7854 46.6382 64.2239 46.6382 64.2239V60.2469C46.6373 58.9003 47.0322 57.5831 47.774 56.4592C48.5157 55.3353 49.5714 54.4543 50.8099 53.9256H58.6067Z" class="svg--outline svg--bw"></path><path d="M59.4904 50.2407C59.4904 51.508 58.987 52.7234 58.0908 53.6195C57.1947 54.5157 55.9793 55.0191 54.712 55.0191C53.4447 55.0191 52.2293 54.5157 51.3332 53.6195C50.437 52.7234 49.9336 51.508 49.9336 50.2407V48.578C49.9336 47.3107 50.437 46.0953 51.3332 45.1992C52.2293 44.303 53.4447 43.7996 54.712 43.7996C55.9793 43.7996 57.1947 44.303 58.0908 45.1992C58.987 46.0953 59.4904 47.3107 59.4904 48.578V50.2407Z" class="svg--outline svg--filled-light"></path><path d="M54.712 66.8303C62.7781 66.8303 69.3169 60.2915 69.3169 52.2255C69.3169 44.1594 62.7781 37.6206 54.712 37.6206C46.646 37.6206 40.1072 44.1594 40.1072 52.2255C40.1072 60.2915 46.646 66.8303 54.712 66.8303Z" class="svg--outline"></path><path d="M54.9142 86.0638V66.8303" class="svg--outline"></path><path d="M80.7686 30.1909L65.7068 42.9233" class="svg--outline"></path><path d="M43.9943 42.9233L28.9326 30.1909" class="svg--outline"></path><path d="M55.1464 0.314566L56.6818 5.04055C56.7108 5.13271 56.7687 5.21308 56.8469 5.26974C56.9252 5.3264 57.0196 5.35634 57.1162 5.35511H62.0818C62.1797 5.3534 62.2756 5.38316 62.3552 5.44003C62.4349 5.49689 62.4942 5.57785 62.5244 5.67097C62.5546 5.76409 62.5541 5.86444 62.523 5.95725C62.4919 6.05006 62.4317 6.13041 62.3515 6.18647L58.337 9.09995C58.2575 9.15697 58.1981 9.23763 58.1671 9.33043C58.1362 9.42323 58.1354 9.52343 58.1647 9.61674L59.6627 14.3352C59.6948 14.4275 59.6964 14.5277 59.6674 14.621C59.6384 14.7143 59.5803 14.7958 59.5015 14.8536C59.4227 14.9114 59.3275 14.9425 59.2298 14.9422C59.1321 14.9419 59.0371 14.9103 58.9587 14.852L54.9442 11.931C54.8651 11.876 54.771 11.8464 54.6746 11.8464C54.5781 11.8464 54.4841 11.876 54.4049 11.931L50.383 14.852C50.3046 14.9103 50.2095 14.9419 50.1118 14.9422C50.0141 14.9425 49.9189 14.9114 49.8401 14.8536C49.7614 14.7958 49.7032 14.7143 49.6742 14.621C49.6452 14.5277 49.6469 14.4275 49.679 14.3352L51.2143 9.61674C51.2434 9.52411 51.2431 9.42478 51.2136 9.3323C51.1841 9.23982 51.1268 9.15868 51.0496 9.09995L47.0651 6.18647C46.9842 6.13008 46.9237 6.04904 46.8927 5.95546C46.8617 5.86187 46.8618 5.76077 46.893 5.66724C46.9241 5.57371 46.9847 5.49277 47.0657 5.43651C47.1467 5.38026 47.2436 5.35171 47.3422 5.35511H52.3003C52.3969 5.35634 52.4914 5.3264 52.5696 5.26974C52.6479 5.21308 52.7058 5.13271 52.7347 5.04055L54.2327 0.314566C54.2521 0.207572 54.3085 0.110799 54.392 0.041119C54.4755 -0.0285613 54.5808 -0.0667286 54.6895 -0.0667286C54.7983 -0.0667286 54.9036 -0.0285613 54.9871 0.041119C55.0706 0.110799 55.127 0.207572 55.1464 0.314566Z" class="svg--filled-support"></path><path d="M8.23862 51.1469L9.774 55.8729C9.80298 55.9651 9.86088 56.0455 9.93913 56.1021C10.0174 56.1588 10.1118 56.1887 10.2084 56.1875H15.204C15.3019 56.1858 15.3977 56.2155 15.4774 56.2724C15.5571 56.3293 15.6164 56.4102 15.6466 56.5033C15.6768 56.5965 15.6763 56.6968 15.6452 56.7896C15.614 56.8824 15.5539 56.9628 15.4736 57.0188L11.4592 59.9173C11.3797 59.9744 11.3202 60.055 11.2893 60.1478C11.2584 60.2406 11.2575 60.3408 11.2869 60.4341L12.8223 65.1601C12.8544 65.2524 12.8561 65.3525 12.8271 65.4458C12.7981 65.5391 12.7399 65.6207 12.6611 65.6785C12.5824 65.7363 12.4871 65.7674 12.3894 65.7671C12.2917 65.7668 12.1967 65.7352 12.1183 65.6769L8.10381 62.7559C8.02315 62.7012 7.92791 62.6719 7.83043 62.6719C7.73296 62.6719 7.63772 62.7012 7.55706 62.7559L3.5426 65.6844C3.46371 65.7443 3.36751 65.7769 3.26847 65.7774C3.16943 65.7778 3.07293 65.7461 2.99349 65.6869C2.91406 65.6278 2.856 65.5444 2.82806 65.4494C2.80012 65.3544 2.80381 65.2529 2.83857 65.1601L4.37395 60.4416C4.40509 60.3473 4.40516 60.2455 4.37415 60.1511C4.34315 60.0568 4.2827 59.9748 4.20169 59.9173L0.187227 57.0188C0.0995613 56.9657 0.0323289 56.8846 -0.00365462 56.7886C-0.0396381 56.6925 -0.0422807 56.5872 -0.0111574 56.4895C0.0199659 56.3918 0.0830459 56.3075 0.167935 56.25C0.252824 56.1925 0.354588 56.1652 0.456856 56.1725H5.42251C5.51911 56.1737 5.61353 56.1438 5.69178 56.0871C5.77003 56.0305 5.82793 55.9501 5.85691 55.858L7.35484 51.132C7.38657 51.039 7.44697 50.9585 7.52735 50.902C7.60773 50.8455 7.70396 50.816 7.80219 50.8176C7.90041 50.8193 7.99558 50.8521 8.074 50.9113C8.15243 50.9704 8.21006 51.053 8.23862 51.1469Z" class="svg--filled-support"></path><path d="M102.024 51.147L103.56 55.8729C103.589 55.9651 103.647 56.0455 103.725 56.1021C103.803 56.1588 103.897 56.1887 103.994 56.1875H108.96C109.058 56.1858 109.153 56.2155 109.233 56.2724C109.313 56.3293 109.372 56.4102 109.402 56.5034C109.433 56.5965 109.432 56.6968 109.401 56.7896C109.37 56.8824 109.31 56.9628 109.229 57.0189L105.215 59.9174C105.135 59.9744 105.076 60.055 105.045 60.1478C105.014 60.2406 105.013 60.3408 105.043 60.4341L106.578 65.1601C106.61 65.2524 106.612 65.3526 106.583 65.4459C106.554 65.5392 106.496 65.6207 106.417 65.6785C106.338 65.7363 106.243 65.7674 106.145 65.7671C106.047 65.7668 105.952 65.7352 105.874 65.6769L101.86 62.7634C101.78 62.7083 101.686 62.6788 101.59 62.6788C101.493 62.6788 101.399 62.7083 101.32 62.7634L97.2983 65.6844C97.2191 65.7352 97.1262 65.7602 97.0322 65.7562C96.9382 65.7522 96.8478 65.7193 96.7732 65.6619C96.6986 65.6045 96.6436 65.5256 96.6156 65.4358C96.5876 65.346 96.588 65.2497 96.6168 65.1601L98.1521 60.4416C98.1812 60.349 98.1809 60.2497 98.1514 60.1572C98.1219 60.0647 98.0647 59.9836 97.9874 59.9248L93.9729 57.0114C93.8909 56.9576 93.8284 56.8788 93.7946 56.7868C93.7609 56.6948 93.7576 56.5943 93.7853 56.5002C93.813 56.4062 93.8702 56.3236 93.9485 56.2645C94.0268 56.2055 94.122 56.1733 94.2201 56.1725H99.1782C99.2753 56.1719 99.3698 56.1414 99.4489 56.0851C99.528 56.0288 99.5878 55.9495 99.6201 55.858L101.118 51.132C101.143 51.0293 101.202 50.9382 101.285 50.8736C101.369 50.8089 101.472 50.7747 101.577 50.7764C101.683 50.7781 101.785 50.8158 101.866 50.8832C101.947 50.9505 102.003 51.0436 102.024 51.147Z" class="svg--filled-support"></path><path d="M55.1464 0.314566L56.6818 5.04055C56.7108 5.13271 56.7687 5.21308 56.8469 5.26974C56.9252 5.3264 57.0196 5.35634 57.1162 5.35511H62.0818C62.1797 5.3534 62.2756 5.38316 62.3552 5.44003C62.4349 5.49689 62.4942 5.57785 62.5244 5.67097C62.5546 5.76409 62.5541 5.86444 62.523 5.95725C62.4919 6.05006 62.4317 6.13041 62.3515 6.18647L58.337 9.09995C58.2575 9.15697 58.1981 9.23763 58.1671 9.33043C58.1362 9.42323 58.1354 9.52343 58.1647 9.61674L59.6627 14.3352C59.6948 14.4275 59.6964 14.5277 59.6674 14.621C59.6384 14.7143 59.5803 14.7958 59.5015 14.8536C59.4227 14.9114 59.3275 14.9425 59.2298 14.9422C59.1321 14.9419 59.0371 14.9103 58.9587 14.852L54.9442 11.931C54.8651 11.876 54.771 11.8464 54.6746 11.8464C54.5781 11.8464 54.4841 11.876 54.4049 11.931L50.383 14.852C50.3046 14.9103 50.2095 14.9419 50.1118 14.9422C50.0141 14.9425 49.9189 14.9114 49.8401 14.8536C49.7614 14.7958 49.7032 14.7143 49.6742 14.621C49.6452 14.5277 49.6469 14.4275 49.679 14.3352L51.2143 9.61674C51.2434 9.52411 51.2431 9.42478 51.2136 9.3323C51.1841 9.23982 51.1268 9.15868 51.0496 9.09995L47.0651 6.18647C46.9842 6.13008 46.9237 6.04904 46.8927 5.95546C46.8617 5.86187 46.8618 5.76077 46.893 5.66724C46.9241 5.57371 46.9847 5.49277 47.0657 5.43651C47.1467 5.38026 47.2436 5.35171 47.3422 5.35511H52.3003C52.3969 5.35634 52.4914 5.3264 52.5696 5.26974C52.6479 5.21308 52.7058 5.13271 52.7347 5.04055L54.2327 0.314566C54.2521 0.207572 54.3085 0.110799 54.392 0.041119C54.4755 -0.0285613 54.5808 -0.0667286 54.6895 -0.0667286C54.7983 -0.0667286 54.9036 -0.0285613 54.9871 0.041119C55.0706 0.110799 55.127 0.207572 55.1464 0.314566Z" class="svg--outline svg--bw"></path><path d="M8.23862 51.1469L9.774 55.8729C9.80298 55.9651 9.86088 56.0455 9.93913 56.1021C10.0174 56.1588 10.1118 56.1887 10.2084 56.1875H15.204C15.3019 56.1858 15.3977 56.2155 15.4774 56.2724C15.5571 56.3293 15.6164 56.4102 15.6466 56.5033C15.6768 56.5965 15.6763 56.6968 15.6452 56.7896C15.614 56.8824 15.5539 56.9628 15.4736 57.0188L11.4592 59.9173C11.3797 59.9744 11.3202 60.055 11.2893 60.1478C11.2584 60.2406 11.2575 60.3408 11.2869 60.4341L12.8223 65.1601C12.8544 65.2524 12.8561 65.3525 12.8271 65.4458C12.7981 65.5391 12.7399 65.6207 12.6611 65.6785C12.5824 65.7363 12.4871 65.7674 12.3894 65.7671C12.2917 65.7668 12.1967 65.7352 12.1183 65.6769L8.10381 62.7559C8.02315 62.7012 7.92791 62.6719 7.83043 62.6719C7.73296 62.6719 7.63772 62.7012 7.55706 62.7559L3.5426 65.6844C3.46371 65.7443 3.36751 65.7769 3.26847 65.7774C3.16943 65.7778 3.07293 65.7461 2.99349 65.6869C2.91406 65.6278 2.856 65.5444 2.82806 65.4494C2.80012 65.3544 2.80381 65.2529 2.83857 65.1601L4.37395 60.4416C4.40509 60.3473 4.40516 60.2455 4.37415 60.1511C4.34315 60.0568 4.2827 59.9748 4.20169 59.9173L0.187227 57.0188C0.0995613 56.9657 0.0323289 56.8846 -0.00365462 56.7886C-0.0396381 56.6925 -0.0422807 56.5872 -0.0111574 56.4895C0.0199659 56.3918 0.0830459 56.3075 0.167935 56.25C0.252824 56.1925 0.354588 56.1652 0.456856 56.1725H5.42251C5.51911 56.1737 5.61353 56.1438 5.69178 56.0871C5.77003 56.0305 5.82793 55.9501 5.85691 55.858L7.35484 51.132C7.38657 51.039 7.44697 50.9585 7.52735 50.902C7.60773 50.8455 7.70396 50.816 7.80219 50.8176C7.90041 50.8193 7.99558 50.8521 8.074 50.9113C8.15243 50.9704 8.21006 51.053 8.23862 51.1469Z" class="svg--outline svg--bw"></path><path d="M102.024 51.147L103.56 55.8729C103.589 55.9651 103.647 56.0455 103.725 56.1021C103.803 56.1588 103.897 56.1887 103.994 56.1875H108.96C109.058 56.1858 109.153 56.2155 109.233 56.2724C109.313 56.3293 109.372 56.4102 109.402 56.5034C109.433 56.5965 109.432 56.6968 109.401 56.7896C109.37 56.8824 109.31 56.9628 109.229 57.0189L105.215 59.9174C105.135 59.9744 105.076 60.055 105.045 60.1478C105.014 60.2406 105.013 60.3408 105.043 60.4341L106.578 65.1601C106.61 65.2524 106.612 65.3526 106.583 65.4459C106.554 65.5392 106.496 65.6207 106.417 65.6785C106.338 65.7363 106.243 65.7674 106.145 65.7671C106.047 65.7668 105.952 65.7352 105.874 65.6769L101.86 62.7634C101.78 62.7083 101.686 62.6788 101.59 62.6788C101.493 62.6788 101.399 62.7083 101.32 62.7634L97.2983 65.6844C97.2191 65.7352 97.1262 65.7602 97.0322 65.7562C96.9382 65.7522 96.8478 65.7193 96.7732 65.6619C96.6986 65.6045 96.6436 65.5256 96.6156 65.4358C96.5876 65.346 96.588 65.2497 96.6168 65.1601L98.1521 60.4416C98.1812 60.349 98.1809 60.2497 98.1514 60.1572C98.1219 60.0647 98.0647 59.9836 97.9874 59.9248L93.9729 57.0114C93.8909 56.9576 93.8284 56.8788 93.7946 56.7868C93.7609 56.6948 93.7576 56.5943 93.7853 56.5002C93.813 56.4062 93.8702 56.3236 93.9485 56.2645C94.0268 56.2055 94.122 56.1733 94.2201 56.1725H99.1782C99.2753 56.1719 99.3698 56.1414 99.4489 56.0851C99.528 56.0288 99.5878 55.9495 99.6201 55.858L101.118 51.132C101.143 51.0293 101.202 50.9382 101.285 50.8736C101.369 50.8089 101.472 50.7747 101.577 50.7764C101.683 50.7781 101.785 50.8158 101.866 50.8832C101.947 50.9505 102.003 51.0436 102.024 51.147Z" class="svg--outline svg--bw"></path><path d="M58.6067 53.9256C59.449 54.2683 60.2133 54.7778 60.8536 55.4236C62.1059 56.6988 62.8078 58.4146 62.8084 60.202V64.2239C60.6209 65.899 57.939 66.7999 55.1839 66.7854C48.9675 66.7854 46.6382 64.2239 46.6382 64.2239V60.2469C46.6373 58.9003 47.0322 57.5831 47.774 56.4592C48.5157 55.3353 49.5714 54.4543 50.8099 53.9256H58.6067Z" class="svg--outline svg--filled-support"></path></svg>
<p>Behaviour Change Wheel</p>
</div>
|
|
| /tools/brainstorming |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 117.4 126.2" xml:space="preserve"> <path class="svg--filled-main" d="M71.6 84.4c0-3.1 1.3-5.9 3.6-7.8 5.9-5 9.3-12.2 9.3-19.9 0-7-2.8-13.6-7.8-18.5 -5-4.9-11.6-7.6-18.6-7.5 -6.7 0.1-13.1 2.8-17.9 7.5 -4.8 4.7-7.6 11-7.8 17.7 -0.2 8 3.2 15.6 9.3 20.7 2.3 1.9 3.6 4.8 3.6 7.8"></path> <rect x="0.9" y="95.6" class="svg--filled-main" width="29.7" height="29.7"></rect> <rect x="86.8" y="0.9" transform="matrix(-1 -4.491042e-11 4.491042e-11 -1 203.2907 31.4682)" class="svg--filled-main" width="29.7" height="29.7"></rect> <path class="svg--outline svg--bw" d="M71.6 84.4c0-3.1 1.3-5.9 3.6-7.8 5.9-5 9.3-12.2 9.3-19.9 0-7-2.8-13.6-7.8-18.5 -5-4.9-11.6-7.6-18.6-7.5 -6.7 0.1-13.1 2.8-17.9 7.5 -4.8 4.7-7.6 11-7.8 17.7 -0.2 8 3.2 15.6 9.3 20.7 2.3 1.9 3.6 4.8 3.6 7.8"></path> <rect x="0.9" y="95.6" class="svg--outline svg--bw" width="29.7" height="29.7"></rect> <rect x="86.8" y="0.9" transform="matrix(-1 -4.491042e-11 4.491042e-11 -1 203.2907 31.4682)" class="svg--outline svg--bw" width="29.7" height="29.7"></rect> <path class="svg--outline" d="M71.6 84.4H58.5 45.4V96c0 3.1 2.5 5.6 5.6 5.6H66c3.1 0 5.6-2.5 5.6-5.6V84.4z"></path> <line class="svg--outline" x1="58.5" y1="62" x2="58.5" y2="84.4"></line> <path class="svg--outline" d="M49.9 50.6"></path> <polyline class="svg--outline" points="49.6 53.8 58.5 61.6 67.4 53.8 "></polyline> <polyline class="svg--outline" points="109.8 30.8 109.8 47.5 91.3 47.5 "></polyline> <polyline class="svg--outline" points="7.6 95.4 7.6 78.6 26.1 78.6 "></polyline> <polyline class="svg--outline" points="109.8 95.4 109.8 78.6 91.3 78.6 "></polyline> <polyline class="svg--outline" points="7.6 30.8 7.6 47.5 26.1 47.5 "></polyline> <rect x="86.8" y="95.6" transform="matrix(-1 4.491018e-11 -4.491018e-11 -1 203.2907 220.901)" class="svg--outline" width="29.7" height="29.7"></rect> <rect x="0.9" y="0.9" class="svg--outline" width="29.7" height="29.7"></rect> <line class="svg--outline" x1="7.6" y1="11.1" x2="23.6" y2="11.1"></line> <line class="svg--outline" x1="7.6" y1="19.4" x2="23.6" y2="19.4"></line> <line class="svg--outline" x1="109.8" y1="11.1" x2="93.8" y2="11.1"></line> <line class="svg--outline" x1="109.8" y1="19.4" x2="93.8" y2="19.4"></line> <line class="svg--outline" x1="45.4" y1="90.9" x2="71.6" y2="90.9"></line></svg>
<p>Brainstorming</p>
</div>
|
|
| /tools/business-model-canvas |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 157.3 126.5" xml:space="preserve"> <rect x="14.7" y="15.2" class="svg--filled-main" width="141.7" height="110.4"></rect> <rect x="14.7" y="15.2" class="svg--outline svg--bw" width="141.7" height="110.4"></rect> <rect x="0.9" y="0.9" class="svg--filled-light svg--outline" width="140.3" height="110.9"></rect> <circle class="svg--filled-main" cx="13.8" cy="17.3" r="4.9"></circle> <circle class="svg--filled-main" cx="13.8" cy="85.5" r="4.9"></circle> <circle class="svg--filled-main" cx="83.6" cy="85.5" r="4.9"></circle> <circle class="svg--filled-main" cx="59.5" cy="17.3" r="4.9"></circle> <circle class="svg--filled-main" cx="105.2" cy="17.3" r="4.9"></circle> <circle class="svg--outline svg--bw" cx="13.8" cy="17.3" r="4.9"></circle> <circle class="svg--outline svg--bw" cx="13.8" cy="85.5" r="4.9"></circle> <circle class="svg--outline svg--bw" cx="83.6" cy="85.5" r="4.9"></circle> <circle class="svg--outline svg--bw" cx="59.5" cy="17.3" r="4.9"></circle> <circle class="svg--outline svg--bw" cx="105.2" cy="17.3" r="4.9"></circle> <line class="svg--filled-light svg--outline" x1="24" y1="15" x2="41.7" y2="15"></line> <line class="svg--filled-light svg--outline" x1="24" y1="21.1" x2="33.9" y2="21.1"></line> <line class="svg--filled-light svg--outline" x1="47.9" y1="0.9" x2="47.9" y2="74.9"></line> <line class="svg--filled-light svg--outline" x1="94.1" y1="0.9" x2="94.1" y2="74.9"></line> <line class="svg--filled-light svg--outline" x1="1.4" y1="74.9" x2="141.2" y2="74.9"></line> <line class="svg--filled-light svg--outline" x1="71" y1="74.9" x2="71" y2="111.8"></line> <line class="svg--filled-light svg--outline" x1="24" y1="83.2" x2="41.7" y2="83.2"></line> <line class="svg--filled-light svg--outline" x1="24" y1="89.3" x2="33.9" y2="89.3"></line> <line class="svg--filled-light svg--outline" x1="93.8" y1="83.2" x2="111.4" y2="83.2"></line> <line class="svg--filled-light svg--outline" x1="93.8" y1="89.3" x2="103.7" y2="89.3"></line> <line class="svg--filled-light svg--outline" x1="69.7" y1="15" x2="87.3" y2="15"></line> <line class="svg--filled-light svg--outline" x1="69.7" y1="21.1" x2="79.6" y2="21.1"></line> <line class="svg--filled-light svg--outline" x1="115.4" y1="15" x2="133" y2="15"></line> <line class="svg--filled-light svg--outline" x1="115.4" y1="21.1" x2="125.3" y2="21.1"></line></svg>
<p>Business Model Canvas</p>
</div>
|
|
| /tools/card-sorting |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 157.3 126.5" xml:space="preserve"><rect x="14.7" y="15.2" class="svg--filled-main" width="141.7" height="110.4"></rect><rect x="14.7" y="15.2" class="svg--outline svg--bw" width="141.7" height="110.4"></rect><rect x="0.9" y="0.9" class="svg--outline svg--filled-light" width="140.3" height="110.9"></rect><rect x="58.5" y="16.1" class="svg--filled-main" width="25.2" height="17.3"></rect><rect x="18.4" y="16.1" class="svg--filled-main" width="25.1" height="17.3"></rect><rect x="98.6" y="16.1" class="svg--filled-main" width="25.2" height="17.3"></rect><rect x="58.5" y="46.7" class="svg--outline" width="25.2" height="17.3"></rect><rect x="18.4" y="46.7" class="svg--outline" width="25.1" height="17.3"></rect><rect x="98.6" y="46.7" class="svg--outline" width="25.2" height="17.3"></rect><rect x="18.4" y="79.3" class="svg--outline" width="25.1" height="17.3"></rect><rect x="98.6" y="79.3" class="svg--outline" width="25.2" height="17.3"></rect><rect x="58.5" y="79.3" class="svg--outline" width="25.2" height="17.3"></rect><line class="svg--outline" x1="24.6" y1="22.8" x2="36.9" y2="22.8"></line><line class="svg--outline" x1="24.6" y1="27.3" x2="36.9" y2="27.3"></line><line class="svg--outline" x1="64.9" y1="22.8" x2="77.2" y2="22.8"></line><line class="svg--outline" x1="64.9" y1="27.3" x2="77.2" y2="27.3"></line><line class="svg--outline" x1="105.2" y1="22.8" x2="117.5" y2="22.8"></line><line class="svg--outline" x1="105.2" y1="27.3" x2="117.5" y2="27.3"></line><rect x="58.5" y="16.1" class="svg--outline svg--bw" width="25.2" height="17.3"></rect><rect x="18.4" y="16.1" class="svg--outline svg--bw" width="25.1" height="17.3"></rect><rect x="98.6" y="16.1" class="svg--outline svg--bw" width="25.2" height="17.3"></rect></svg>
<p>Card sorting</p>
</div>
|
|
| /tools/concept-walkthrough |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 103.8 126" xml:space="preserve"> <path class="svg--filled-main" d="M56.1 12.9h15.5c1.9 0 3.4 1.5 3.4 3.4v10.9c0 1.9-1.5 3.4-3.4 3.4h-9.8l-5.4 4.5v-4.5h-0.3c-1.9 0-3.4-1.5-3.4-3.4V16.3C52.7 14.4 54.2 12.9 56.1 12.9z"></path> <path class="svg--filled-main" d="M20 22v-2.7c0-2.8 2.3-5.2 5.2-5.2h16.3c2.8 0 5.2 2.3 5.2 5.2v2.5"></path> <path class="svg--filled-main" d="M46.6 53.1v4.5c0 2.8-2.3 5.2-5.2 5.2H25.2c-2.8 0-5.2-2.3-5.2-5.2v-4.3"></path> <rect x="10.4" y="71.2" class="svg--filled-main" width="71.9" height="30.3"></rect> <path class="svg--outline svg--bw" d="M56.1 12.9h15.5c1.9 0 3.4 1.5 3.4 3.4v10.9c0 1.9-1.5 3.4-3.4 3.4h-9.8l-5.4 4.5v-4.5h-0.3c-1.9 0-3.4-1.5-3.4-3.4V16.3C52.7 14.4 54.2 12.9 56.1 12.9z"></path> <line class="svg--outline svg--bw" x1="45.6" y1="21.7" x2="20" y2="22"></line> <line class="svg--outline svg--bw" x1="20" y1="53.3" x2="45.6" y2="53.1"></line> <line class="svg--outline svg--bw" x1="10.4" y1="71.2" x2="58.3" y2="71.2"></line> <path class="svg--filled-light" d="M20.1 101.6c-3.1 2.5-5.1 5.4-5.1 8.4 0 8.6 7 15.6 15.6 15.6 8.6 0 15.6-7 15.6-15.6 0-3.1 0.4-6.1 0.4-8.6L20.1 101.6z"></path> <path class="svg--outline" d="M34.4 125.1c7.2-1.9 12.5-8.4 12.5-16.2v-7.4"></path> <line class="svg--outline" x1="66.9" y1="23.9" x2="58.3" y2="23.9"></line> <line class="svg--outline" x1="58.3" y1="19" x2="70.2" y2="19"></line> <path class="svg--outline" d="M46.3 57.8c0 2.8-2.3 5.2-5.2 5.2H24.8c-2.8 0-5.2-2.3-5.2-5.2V19c0-2.8 2.3-5.2 5.2-5.2h16.3c2.8 0 5.2 2.3 5.2 5.2V57.8z"></path> <path class="svg--outline" d="M46.3 57.8c0 2.8-2.3 5.2-5.2 5.2H24.8c-2.8 0-5.2-2.3-5.2-5.2V19c0-2.8 2.3-5.2 5.2-5.2h16.3c2.8 0 5.2 2.3 5.2 5.2V57.8z"></path> <polyline class="svg--outline" points="30.7 44.2 27.1 44.2 27.1 40.6 "></polyline> <polyline class="svg--outline" points="38.8 40.6 38.8 44.2 35 44.2 "></polyline> <polyline class="svg--outline" points="35 31.8 38.8 31.8 38.8 35.4 "></polyline> <polyline class="svg--outline" points="27.1 35.4 27.1 31.8 30.8 31.8 "></polyline> <circle class="svg--filled-dark" cx="33" cy="57.9" r="1.7"></circle> <line class="svg--outline svg--filled-light" x1="21.7" y1="82.5" x2="36.9" y2="82.5"></line> <line class="svg--outline svg--filled-light" x1="21.7" y1="90.4" x2="40.5" y2="90.4"></line> <rect x="10.4" y="0.9" class="svg--outline" width="71.9" height="100.5"></rect> <path class="svg--filled-light" d="M16.7 108.8c1.3-2.4 3.6-3.3 3.6-6.5 0-6.6-3.2-10.5-7.9-12.6l0-0.4V64.8c0-4.1-2.8-7.4-6.2-7.4s-6.2 3.3-6.2 7.4v52.7 8.1h31.2"></path> <path class="svg--outline" d="M18 107c1.2-1.8 2-4 2-6.4 0-5-3.2-9.2-7.6-10.8l0-0.4V63.7c0-3.1-2.6-5.6-5.8-5.6s-5.8 2.5-5.8 5.6V110"></path> <path class="svg--filled-light" d="M102.9 96.3V66c0-3.9-2.6-7.1-5.7-7.1 -3.1 0-5.7 3.2-5.7 7.1 0-3.9-2.6-7.1-5.7-7.1 -3.1 0-5.7 3.2-5.7 7.1 0-3.9-2.6-7.1-5.7-7.1 -3.1 0-5.7 3.2-5.7 7.1v-17c0-3.9-2.6-7.1-5.7-7.1s-5.7 3.2-5.7 7.1v38.7c-0.1 0.3-0.3 0.5-0.4 0.8l-5.6-9.2c-2-3.4-5.9-4.8-8.6-3.1 -2.7 1.6-3.2 5.7-1.2 9.1l16.8 26.6 0 0c4.3 6.7 11.8 11.1 20.3 11.1 13.3 0 24-10.8 24-24.2C102.9 98 102.9 96.3 102.9 96.3z"></path> <path class="svg--outline" d="M102.9 96.3V66c0-3.9-2.6-7.1-5.7-7.1 -3.1 0-5.7 3.2-5.7 7.1 0-3.9-2.6-7.1-5.7-7.1 -3.1 0-5.7 3.2-5.7 7.1 0-3.9-2.6-7.1-5.7-7.1 -3.1 0-5.7 3.2-5.7 7.1v-17c0-3.9-2.6-7.1-5.7-7.1s-5.7 3.2-5.7 7.1v38.7c-0.1 0.3-0.3 0.5-0.4 0.8l-5.6-9.2c-2-3.4-5.9-4.8-8.6-3.1 -2.7 1.6-3.2 5.7-1.2 9.1l16.8 26.6 0 0c4.3 6.7 11.8 11.1 20.3 11.1 13.3 0 24-10.8 24-24.2C102.9 98 102.9 96.3 102.9 96.3z"></path> <line class="svg--outline" x1="68.7" y1="66" x2="68.7" y2="81.8"></line> <line class="svg--outline" x1="80.1" y1="66" x2="80.1" y2="81.8"></line> <line class="svg--outline" x1="91.5" y1="66" x2="91.5" y2="81.8"></line></svg>
<p>Concept Walkthrough</p>
</div>
|
|
| /tools/diary-study |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 103.1 126.5" xml:space="preserve"> <rect x="93.3" y="14.2" class="svg--filled-main" width="9.9" height="20.3"></rect> <rect x="93.3" y="40.2" class="svg--filled-main" width="9.9" height="20.3"></rect> <rect x="93.3" y="65.9" class="svg--filled-main" width="9.9" height="20.3"></rect> <path class="svg--filled-main" d="M60.4 49.5v-4c0-2.8-1.7-5.2-4.2-6.3h-7.8c-2.4 1-4.2 3.5-4.2 6.3v4c0 0 3.3 2 8 2C57.2 51.6 60.4 49.5 60.4 49.5z"></path> <path class="svg--filled-main" d="M8.7 111.4c-4.1 0-7.8 3.2-7.8 7.1s3.3 7 7.4 7h78.1v-14.1L8.7 111.4z"></path> <path class="svg--outline" d="M0.9 118.5V8.8 8c0-3.9 3.7-7.1 7.8-7.1h76.1c4.7 0 8.5 3.8 8.5 8.5V103c0 4.7-3.8 8.5-8.5 8.5h-5.5H8.7c-4.1 0-7.8 3.2-7.8 7.1s3.3 7 7.4 7h78.1v-14.1"></path> <line class="svg--outline" x1="13.9" y1="0.9" x2="13.9" y2="110.5"></line> <line class="svg--filled-light svg--outline" x1="29.2" y1="68" x2="75.6" y2="68"></line> <line class="svg--filled-light svg--outline" x1="29.2" y1="77.6" x2="75.6" y2="77.6"></line> <line class="svg--filled-light svg--outline" x1="29.2" y1="87.2" x2="75.6" y2="87.2"></line> <path class="svg--outline" d="M57.2 35.2c0 2.6-2.1 4.8-4.8 4.8 -2.6 0-4.8-2.2-4.8-4.8v-1.7c0-2.6 2.1-4.8 4.8-4.8 2.6 0 4.8 2.2 4.8 4.8V35.2z"></path> <path class="svg--outline" d="M44.4 49.1v-4c0-2.8 1.7-5.2 4.2-6.3"></path> <path class="svg--outline" d="M56.3 38.9c2.4 1 4.2 3.5 4.2 6.3v4"></path> <circle class="svg--outline" cx="52.4" cy="37.1" r="14.5"></circle> <rect x="93.3" y="14.4" class="svg--outline svg--bw" width="9" height="20.3"></rect> <rect x="93.3" y="40.3" class="svg--outline svg--bw" width="9" height="20.3"></rect> <rect x="93.3" y="66" class="svg--outline svg--bw" width="9" height="20.3"></rect></svg>
<p>Diary Study</p>
</div>
|
|
| /tools/dynamic-personas |
<div class="card">
<p class="card__label">enhanced</p>
<svg viewbox="0 0 96 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75031 45.6581V42.5045C5.74836 41.4454 6.05997 40.4092 6.64607 39.5259C7.23218 38.6426 8.06672 37.9514 9.04511 37.5389H15.17C16.1451 37.95 16.9774 38.638 17.5633 39.5173C18.1491 40.3965 18.4626 41.4282 18.4648 42.4837V45.6373C16.5568 47.0125 14.2496 47.7267 11.896 47.6706C9.71262 47.5138 7.60173 46.8225 5.75031 45.6581Z" class="svg--outline svg--filled-support"></path><path d="M36.8046 45.6581V42.5045C36.8045 41.4458 37.1168 40.4104 37.7027 39.5275C38.2886 38.6445 39.1221 37.9529 40.0994 37.5389H46.2312C47.2053 37.9515 48.0366 38.6399 48.6222 39.5188C49.2079 40.3977 49.5221 41.4286 49.526 42.4837V45.6373C47.6281 47.0137 45.3315 47.7349 42.985 47.6913C40.7882 47.5322 38.665 46.8337 36.8046 45.6581Z" class="svg--outline svg--filled-support"></path><path d="M70.1064 49.5862V45.1463C70.1068 43.6511 70.5492 42.1891 71.3782 40.9432C72.2072 39.6972 73.3862 38.7224 74.7677 38.1406H83.4521C84.8349 38.7213 86.0152 39.6957 86.8455 40.9417C87.6759 42.1878 88.1193 43.6503 88.1203 45.1463V49.6139C88.1203 49.6139 83.9168 52.8367 78.8047 52.484C75.7092 52.2517 72.7201 51.256 70.1064 49.5862Z" class="svg--outline svg--filled-support"></path><path d="M5.75031 45.6581V42.5045C5.74836 41.4454 6.05997 40.4092 6.64607 39.5259C7.23218 38.6426 8.06672 37.9514 9.04511 37.5389H15.17C16.1451 37.95 16.9774 38.638 17.5633 39.5173C18.1491 40.3965 18.4626 41.4282 18.4648 42.4837V45.6373C16.5568 47.0125 14.2496 47.7267 11.896 47.6706C9.71262 47.5138 7.60173 46.8225 5.75031 45.6581Z" class="svg--outline svg--bw"></path><path d="M36.8046 45.6581V42.5045C36.8045 41.4458 37.1168 40.4104 37.7027 39.5275C38.2886 38.6445 39.1221 37.9529 40.0994 37.5389H46.2312C47.2053 37.9515 48.0366 38.6399 48.6222 39.5188C49.2079 40.3977 49.5221 41.4286 49.526 42.4837V45.6373C47.6281 47.0137 45.3315 47.7349 42.985 47.6913C40.7882 47.5322 38.665 46.8337 36.8046 45.6581Z" class="svg--outline svg--bw"></path><path d="M70.1064 49.5862V45.1463C70.1068 43.6511 70.5492 42.1891 71.3782 40.9432C72.2072 39.6972 73.3862 38.7224 74.7677 38.1406H83.4521C84.8349 38.7213 86.0152 39.6957 86.8455 40.9417C87.6759 42.1878 88.1193 43.6503 88.1203 45.1463V49.6139C88.1203 49.6139 83.9168 52.8367 78.8047 52.484C75.7092 52.2517 72.7201 51.256 70.1064 49.5862Z" class="svg--outline svg--bw"></path><path d="M15.8636 34.662C15.8854 35.1673 15.8043 35.6718 15.6254 36.1451C15.4465 36.6183 15.1733 37.0506 14.8224 37.4159C14.4714 37.7811 14.05 38.0718 13.5834 38.2704C13.1169 38.4689 12.6148 38.5713 12.1075 38.5713C11.6002 38.5713 11.0981 38.4689 10.6316 38.2704C10.165 38.0718 9.74355 37.7811 9.39262 37.4159C9.04169 37.0506 8.76854 36.6183 8.5896 36.1451C8.41066 35.6718 8.32964 35.1673 8.35143 34.662V33.3894C8.32964 32.8841 8.41066 32.3796 8.5896 31.9063C8.76854 31.4331 9.04169 31.0008 9.39262 30.6355C9.74355 30.2703 10.165 29.9796 10.6316 29.781C11.0981 29.5825 11.6002 29.4801 12.1075 29.4801C12.6148 29.4801 13.1169 29.5825 13.5834 29.781C14.05 29.9796 14.4714 30.2703 14.8224 30.6355C15.1733 31.0008 15.4465 31.4331 15.6254 31.9063C15.8043 32.3796 15.8854 32.8841 15.8636 33.3894V34.662Z" class="svg--outline svg--filled-light"></path><path d="M16.5555 46.7763C22.4037 44.3252 25.1518 37.6114 22.6934 31.7805C20.235 25.9497 13.5012 23.2098 7.65295 25.6609C1.80471 28.1119 -0.943314 34.8258 1.51506 40.6566C3.97343 46.4875 10.7073 49.2273 16.5555 46.7763Z" class="svg--outline"></path><path d="M79.5052 0.885222L80.8925 5.24909C80.9203 5.33361 80.9741 5.40721 81.0464 5.45937C81.1187 5.51154 81.2056 5.5396 81.2948 5.53955H85.8936C85.9843 5.53796 86.0731 5.56545 86.1469 5.61796C86.2207 5.67047 86.2756 5.74522 86.3036 5.8312C86.3315 5.91719 86.3311 6.00985 86.3022 6.09555C86.2734 6.18125 86.2177 6.25544 86.1434 6.3072L82.4254 8.99745C82.3518 9.0501 82.2968 9.12458 82.2681 9.21027C82.2395 9.29596 82.2387 9.38848 82.2659 9.47464L83.6532 13.8316C83.6829 13.9168 83.6845 14.0093 83.6576 14.0954C83.6307 14.1816 83.5769 14.2569 83.5039 14.3103C83.431 14.3636 83.3428 14.3923 83.2523 14.392C83.1618 14.3918 83.0738 14.3626 83.0012 14.3088L79.2832 11.6116C79.21 11.5607 79.1228 11.5335 79.0335 11.5335C78.9442 11.5335 78.8571 11.5607 78.7838 11.6116L75.0659 14.3088C74.9925 14.3605 74.9047 14.388 74.8149 14.3874C74.7251 14.3868 74.6376 14.3582 74.565 14.3055C74.4923 14.2529 74.4379 14.1789 74.4096 14.0939C74.3812 14.0089 74.3803 13.9171 74.4069 13.8316L75.7942 9.47464C75.8211 9.38911 75.8209 9.29739 75.7936 9.212C75.7663 9.1266 75.7132 9.05168 75.6416 8.99745L71.9237 6.3072C71.8494 6.25544 71.7937 6.18125 71.7648 6.09555C71.736 6.00985 71.7355 5.91719 71.7635 5.8312C71.7915 5.74522 71.8464 5.67047 71.9202 5.61796C71.994 5.56545 72.0828 5.53796 72.1734 5.53955H76.7653C76.8552 5.53899 76.9428 5.51079 77.016 5.45881C77.0892 5.40683 77.1446 5.33359 77.1746 5.24909L78.5619 0.885222C78.5619 0.823464 78.574 0.762312 78.5978 0.705255C78.6215 0.648199 78.6562 0.596356 78.7 0.552687C78.7438 0.509018 78.7958 0.474378 78.853 0.450745C78.9103 0.427111 78.9716 0.414948 79.0335 0.414948C79.0955 0.414948 79.1568 0.427111 79.214 0.450745C79.2713 0.474378 79.3233 0.509018 79.3671 0.552687C79.4109 0.596356 79.4456 0.648199 79.4693 0.705255C79.493 0.762312 79.5052 0.823464 79.5052 0.885222Z" class="svg--filled-support"></path><path d="M79.5052 0.885222L80.8925 5.24909C80.9203 5.33361 80.9741 5.40721 81.0464 5.45937C81.1187 5.51154 81.2056 5.5396 81.2948 5.53955H85.8936C85.9843 5.53796 86.0731 5.56545 86.1469 5.61796C86.2207 5.67047 86.2756 5.74522 86.3036 5.8312C86.3315 5.91719 86.3311 6.00985 86.3022 6.09555C86.2734 6.18125 86.2177 6.25544 86.1434 6.3072L82.4254 8.99745C82.3518 9.0501 82.2968 9.12458 82.2681 9.21027C82.2395 9.29596 82.2387 9.38848 82.2659 9.47464L83.6532 13.8316C83.6829 13.9168 83.6845 14.0093 83.6576 14.0954C83.6307 14.1816 83.5769 14.2569 83.5039 14.3103C83.431 14.3636 83.3428 14.3923 83.2523 14.392C83.1618 14.3918 83.0738 14.3626 83.0012 14.3088L79.2832 11.6116C79.21 11.5607 79.1228 11.5335 79.0335 11.5335C78.9442 11.5335 78.8571 11.5607 78.7838 11.6116L75.0659 14.3088C74.9925 14.3605 74.9047 14.388 74.8149 14.3874C74.7251 14.3868 74.6376 14.3582 74.565 14.3055C74.4923 14.2529 74.4379 14.1789 74.4096 14.0939C74.3812 14.0089 74.3803 13.9171 74.4069 13.8316L75.7942 9.47464C75.8211 9.38911 75.8209 9.29739 75.7936 9.212C75.7663 9.1266 75.7132 9.05168 75.6416 8.99745L71.9237 6.3072C71.8494 6.25544 71.7937 6.18125 71.7648 6.09555C71.736 6.00985 71.7355 5.91719 71.7635 5.8312C71.7915 5.74522 71.8464 5.67047 71.9202 5.61796C71.994 5.56545 72.0828 5.53796 72.1734 5.53955H76.7653C76.8552 5.53899 76.9428 5.51079 77.016 5.45881C77.0892 5.40683 77.1446 5.33359 77.1746 5.24909L78.5619 0.885222C78.5619 0.823464 78.574 0.762312 78.5978 0.705255C78.6215 0.648199 78.6562 0.596356 78.7 0.552687C78.7438 0.509018 78.7958 0.474378 78.853 0.450745C78.9103 0.427111 78.9716 0.414948 79.0335 0.414948C79.0955 0.414948 79.1568 0.427111 79.214 0.450745C79.2713 0.474378 79.3233 0.509018 79.3671 0.552687C79.4109 0.596356 79.4456 0.648199 79.4693 0.705255C79.493 0.762312 79.5052 0.823464 79.5052 0.885222Z" class="svg--outline svg--bw"></path><path d="M23.5908 36.2388H31.2416" class="svg--outline"></path><path d="M54.9364 36.2388H62.5803" class="svg--outline"></path><path d="M11.4728 11.2382H45.6694" class="svg--outline"></path><path d="M43.2416 7.15094L46.8139 11.3627L43.2416 15.685" class="svg--outline"></path><path d="M46.9248 34.662C46.9248 35.6561 46.5287 36.6095 45.8237 37.3125C45.1186 38.0154 44.1624 38.4103 43.1653 38.4103C42.1682 38.4103 41.212 38.0154 40.5069 37.3125C39.8019 36.6095 39.4058 35.6561 39.4058 34.662V33.3895C39.4058 32.3953 39.8019 31.4419 40.5069 30.739C41.212 30.036 42.1682 29.6411 43.1653 29.6411C44.1624 29.6411 45.1186 30.036 45.8237 30.739C46.5287 31.4419 46.9248 32.3953 46.9248 33.3895V34.662Z" class="svg--outline svg--filled-light"></path><path d="M47.6175 46.7742C53.4657 44.3232 56.2137 37.6093 53.7553 31.7785C51.297 25.9476 44.5631 23.2078 38.7149 25.6588C32.8667 28.1099 30.1186 34.8237 32.577 40.6546C35.0354 46.4854 41.7692 49.2253 47.6175 46.7742Z" class="svg--outline"></path><path d="M84.4301 34.0119C84.4301 35.4187 83.8695 36.7679 82.8718 37.7627C81.8741 38.7574 80.5209 39.3163 79.1098 39.3163C77.6988 39.3163 76.3456 38.7574 75.3479 37.7627C74.3501 36.7679 73.7896 35.4187 73.7896 34.0119V32.1585C73.7896 30.7516 74.3501 29.4024 75.3479 28.4077C76.3456 27.4129 77.6988 26.854 79.1098 26.854C80.5209 26.854 81.8741 27.4129 82.8718 28.4077C83.8695 29.4024 84.4301 30.7516 84.4301 32.1585V34.0119Z" class="svg--outline svg--filled-light"></path><path d="M85.4162 51.1534C93.6977 47.6825 97.589 38.1753 94.1078 29.9185C90.6266 21.6616 81.0911 17.7818 72.8096 21.2527C64.5282 24.7236 60.6368 34.2307 64.118 42.4876C67.5992 50.7444 77.1347 54.6243 85.4162 51.1534Z" class="svg--outline"></path></svg>
<p>Dynamic Personas</p>
</div>
|
|
| /tools/ecosystem-loops |
<div class="card">
<p class="card__label">enhanced</p>
<svg viewbox="0 0 96 87" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M94.6328 74.9526C94.6274 77.9819 93.4215 80.8857 91.2795 83.0278C89.1374 85.1698 86.2336 86.3757 83.2043 86.3811H0.618896V12.1162H94.6741L94.6328 74.9526Z" class="svg--outline"></path><path d="M51.4697 38.2602C53.8505 34.4875 57.3967 31.5942 61.5705 30.019C65.7442 28.4439 70.3178 28.2728 74.5976 29.5318C78.8774 30.7908 82.6298 33.4111 85.2858 36.9954C87.9418 40.5797 89.3565 44.9324 89.3152 49.3933C89.2739 53.8542 87.779 58.1799 85.0572 61.7145C82.3354 65.249 78.5351 67.7995 74.2328 68.9792C69.9305 70.1588 65.3609 69.9032 61.2169 68.2511C57.073 66.599 53.5809 63.6406 51.2703 59.8245" class="svg--outline"></path><path d="M53.8695 39.0716C55.7315 37.8388 57.897 37.1427 60.1285 37.0595C62.3601 36.9764 64.5714 37.5095 66.5199 38.6003C68.4684 39.6911 70.0789 41.2975 71.1746 43.2433C72.2703 45.1891 72.8089 47.3991 72.7313 49.6309C72.6537 51.8626 71.963 54.0298 70.7348 55.8949C69.5067 57.7599 67.7886 59.2506 65.769 60.2035C63.7495 61.1564 61.5065 61.5347 59.2861 61.2968C57.0657 61.0589 54.9537 60.2141 53.1819 58.855" class="svg--outline"></path><path d="M72.2502 53.2988C74.6276 53.2988 76.5548 51.3716 76.5548 48.9942C76.5548 46.6168 74.6276 44.6896 72.2502 44.6896C69.8728 44.6896 67.9456 46.6168 67.9456 48.9942C67.9456 51.3716 69.8728 53.2988 72.2502 53.2988Z" class="svg--filled-support"></path><path d="M46.2161 38.2602C43.8343 34.4904 40.2881 31.6 36.1153 30.0275C31.9426 28.455 27.3708 28.286 23.0934 29.5463C18.816 30.8066 15.0661 33.4273 12.4126 37.0111C9.75902 40.5949 8.34647 44.9462 8.38912 49.4052C8.43178 53.8643 9.92732 58.1878 12.649 61.7201C15.3706 65.2525 19.1699 67.801 23.4706 68.9792C27.7714 70.1574 32.3391 69.901 36.481 68.249C40.6229 66.5969 44.1131 63.6393 46.4224 59.8245" class="svg--outline"></path><path d="M43.5756 38.9135C41.6954 37.7359 39.5286 37.0956 37.3103 37.062C35.092 37.0284 32.9068 37.6028 30.9918 38.7229C29.0767 39.843 27.5049 41.466 26.4467 43.416C25.3886 45.366 24.8846 47.5684 24.9892 49.7845C25.0939 52.0006 25.8034 54.1457 27.0406 55.9873C28.2779 57.8288 29.9957 59.2964 32.0078 60.231C34.0199 61.1656 36.2495 61.5314 38.4548 61.2889C40.6601 61.0463 42.7568 60.2046 44.5177 58.855" class="svg--outline"></path><path d="M25.4427 53.2988C27.8201 53.2988 29.7473 51.3716 29.7473 48.9942C29.7473 46.6168 27.8201 44.6896 25.4427 44.6896C23.0653 44.6896 21.1381 46.6168 21.1381 48.9942C21.1381 51.3716 23.0653 53.2988 25.4427 53.2988Z" class="svg--filled-support"></path><path d="M8.898 53.2988C11.2754 53.2988 13.2026 51.3716 13.2026 48.9942C13.2026 46.6168 11.2754 44.6896 8.898 44.6896C6.52063 44.6896 4.59338 46.6168 4.59338 48.9942C4.59338 51.3716 6.52063 53.2988 8.898 53.2988Z" class="svg--filled-support"></path><path d="M42.6954 58.353V55.293C42.6963 54.2661 42.9993 53.2622 43.5666 52.4063C44.134 51.5504 44.9406 50.8803 45.8861 50.4795H51.8066C52.7521 50.8803 53.5587 51.5504 54.1261 52.4063C54.6934 53.2622 54.9964 54.2661 54.9973 55.293V58.353C53.1481 59.6843 50.9145 60.3749 48.6366 60.3196C46.524 60.1656 44.4827 59.4899 42.6954 58.353Z" class="svg--outline svg--filled-support"></path><path d="M42.6954 58.353V55.293C42.6963 54.2661 42.9993 53.2622 43.5666 52.4063C44.134 51.5504 44.9406 50.8803 45.8861 50.4795H51.8066C52.7521 50.8803 53.5587 51.5504 54.1261 52.4063C54.6934 53.2622 54.9964 54.2661 54.9973 55.293V58.353C53.1481 59.6843 50.9145 60.3749 48.6366 60.3196C46.524 60.1656 44.4827 59.4899 42.6954 58.353Z" class="svg--outline svg--bw svg--filled-light"></path><path d="M52.4805 47.6877C52.5019 48.1783 52.4237 48.668 52.2507 49.1276C52.0776 49.5871 51.8134 50.0068 51.4738 50.3615C51.1343 50.7162 50.7264 50.9984 50.2748 51.1912C49.8233 51.384 49.3374 51.4834 48.8463 51.4834C48.3553 51.4834 47.8694 51.384 47.4178 51.1912C46.9663 50.9984 46.5584 50.7162 46.2189 50.3615C45.8793 50.0068 45.615 49.5871 45.442 49.1276C45.269 48.668 45.1908 48.1783 45.2122 47.6877V46.4225C45.1908 45.9319 45.269 45.4421 45.442 44.9826C45.615 44.5231 45.8793 44.1034 46.2189 43.7487C46.5584 43.394 46.9663 43.1118 47.4178 42.919C47.8694 42.7261 48.3553 42.6267 48.8463 42.6267C49.3374 42.6267 49.8233 42.7261 50.2748 42.919C50.7264 43.1118 51.1343 43.394 51.4738 43.7487C51.8134 44.1034 52.0776 44.5231 52.2507 44.9826C52.4237 45.4421 52.5019 45.9319 52.4805 46.4225V47.6877Z" class="svg--outline svg--filled-light"></path><path d="M53.1483 59.4346C58.8024 57.0579 61.4592 50.5476 59.0825 44.8935C56.7057 39.2394 50.1954 36.5826 44.5413 38.9594C38.8872 41.3361 36.2305 47.8464 38.6072 53.5005C40.984 59.1546 47.4943 61.8114 53.1483 59.4346Z" class="svg--outline"></path><path d="M94.6328 12.068C94.6328 9.0351 93.4294 6.12608 91.2867 3.97954C89.144 1.83299 86.2372 0.624331 83.2042 0.618866V63.4896C86.239 63.4969 89.1469 64.7081 91.2895 66.8572C93.4322 69.0063 94.6346 71.9178 94.6328 74.9526V12.068Z" class="svg--outline svg--filled-support"></path><path d="M94.6328 12.068C94.6328 9.0351 93.4294 6.12608 91.2867 3.97954C89.144 1.83299 86.2372 0.624331 83.2042 0.618866V63.4896C86.239 63.4969 89.1469 64.7081 91.2895 66.8572C93.4322 69.0063 94.6346 71.9178 94.6328 74.9526V12.068Z" class="svg--outline svg--bw svg--filled-light"></path><path d="M72.2502 53.2988C74.6276 53.2988 76.5548 51.3716 76.5548 48.9942C76.5548 46.6168 74.6276 44.6896 72.2502 44.6896C69.8728 44.6896 67.9456 46.6168 67.9456 48.9942C67.9456 51.3716 69.8728 53.2988 72.2502 53.2988Z" class="svg--outline svg--bw"></path><path d="M25.4427 53.2988C27.8201 53.2988 29.7473 51.3716 29.7473 48.9942C29.7473 46.6168 27.8201 44.6896 25.4427 44.6896C23.0653 44.6896 21.1381 46.6168 21.1381 48.9942C21.1381 51.3716 23.0653 53.2988 25.4427 53.2988Z" class="svg--outline svg--bw"></path><path d="M8.898 53.2988C11.2754 53.2988 13.2026 51.3716 13.2026 48.9942C13.2026 46.6168 11.2754 44.6896 8.898 44.6896C6.52063 44.6896 4.59338 46.6168 4.59338 48.9942C4.59338 51.3716 6.52063 53.2988 8.898 53.2988Z" class="svg--outline svg--bw"></path></svg>
<p>Ecosystem Loops</p>
</div>
|
|
| /tools/ecosystem-map |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.5 126.5" xml:space="preserve"> <path class="svg--filled-main" d="M120.7 1.2v90.6c8.9 0 16.2 5.4 16.2 14.3V17.3C136.9 8.4 129.6 1.1 120.7 1.2"></path> <path class="svg--filled-main" d="M52.1 88v-5.6c0-4-2.4-7.4-5.9-8.9H35.2c-3.4 1.5-5.9 4.9-5.9 8.9V88c0 0 4.6 2.9 11.3 2.9S52.1 88 52.1 88z"></path> <polygon class="svg--filled-main" points="86.8 88.3 80.6 92.3 80.6 103.8 93.5 103.8 93.5 92.3 "></polygon> <path class="svg--filled-main" d="M87.1 52.5c-0.2 0-0.4-0.1-0.6-0.2 -0.6-0.5-1.2-1-1.7-1.5l0 0c-1.5-1.3-2.8-2.4-3.8-3.5 -1-1.2-1.5-2.4-1.5-3.7 0-1.2 0.4-2.4 1.2-3.2 0.8-0.9 1.9-1.3 3-1.3 0.9 0 1.7 0.3 2.4 0.8 0.4 0.3 0.7 0.6 1 1 0.3-0.4 0.6-0.7 1-1 0.7-0.5 1.5-0.8 2.4-0.8 1.2 0 2.2 0.5 3 1.3 0.8 0.8 1.2 2 1.2 3.2 0 1.3-0.5 2.5-1.5 3.7 -0.9 1.1-2.2 2.2-3.8 3.5 -0.5 0.4-1.1 0.9-1.7 1.5C87.5 52.5 87.3 52.5 87.1 52.5z"></path> <path class="svg--outline" d="M29.4 87.3v-5.6c0-4 2.4-7.4 5.9-8.9"></path> <path class="svg--outline" d="M46.2 72.8c3.4 1.5 5.9 4.9 5.9 8.9v5.6"></path> <polygon class="svg--outline svg--bw" points="86.8 88.3 80.6 92.3 80.6 103.8 93.5 103.8 93.5 92.3 "></polygon> <path class="svg--outline svg--bw" d="M87.1 52.5c-0.2 0-0.4-0.1-0.6-0.2 -0.6-0.5-1.2-1-1.7-1.5l0 0c-1.5-1.3-2.8-2.4-3.8-3.5 -1-1.2-1.5-2.4-1.5-3.7 0-1.2 0.4-2.4 1.2-3.2 0.8-0.9 1.9-1.3 3-1.3 0.9 0 1.7 0.3 2.4 0.8 0.4 0.3 0.7 0.6 1 1 0.3-0.4 0.6-0.7 1-1 0.7-0.5 1.5-0.8 2.4-0.8 1.2 0 2.2 0.5 3 1.3 0.8 0.8 1.2 2 1.2 3.2 0 1.3-0.5 2.5-1.5 3.7 -0.9 1.1-2.2 2.2-3.8 3.5 -0.5 0.4-1.1 0.9-1.7 1.5C87.5 52.5 87.3 52.5 87.1 52.5z"></path> <line class="svg--outline" x1="58.4" y1="60" x2="72.9" y2="51.4"></line> <line class="svg--outline" x1="59.2" y1="80.6" x2="72.9" y2="88.3"></line> <line class="svg--outline" x1="121" y1="1" x2="121" y2="92.3"></line> <line class="svg--outline" x1="121" y1="125.6" x2="104.5" y2="125.6"></line> <path class="svg--outline" d="M121 92.3c9.2 0 16.6 7.5 16.6 16.6 0 9.2-7.5 16.6-16.6 16.6l-34 0H0.9v-108h119.7"></path> <path class="svg--outline" d="M121 0.9c9.2 0 16.6 7.5 16.6 16.6"></path> <line class="svg--outline" x1="137.6" y1="17.5" x2="137.6" y2="109"></line> <path class="svg--outline" d="M47.4 67.6c0 3.7-3 6.8-6.7 6.8 -3.7 0-6.7-3-6.7-6.8v-2.3c0-3.7 3-6.8 6.7-6.8 3.7 0 6.7 3 6.7 6.8V67.6z"></path> <circle class="svg--outline" cx="40.7" cy="70.4" r="20.5"></circle> <circle class="svg--outline" cx="87.1" cy="96.6" r="15.4"></circle> <circle class="svg--outline" cx="87.1" cy="44.8" r="15.4"></circle></svg>
<p>Ecosystem Map</p>
</div>
|
|
| /tools/emotional-journey |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.5 126.5" xml:space="preserve"> <polygon class="svg--filled-main" points="1.3 74 26.6 68.3 55.8 76.2 90.2 54.1 121 66.7 121 85.9 1.3 85.9 "></polygon> <path class="svg--filled-main" d="M121.6 1V92c8.1 2.4 16.3 5.4 16.3 14.4V17.2C137.9 8.2 130.6 0.9 121.6 1"></path> <path class="svg--filled-main" d="M34.6 56.2v-4c0-2.8-1.7-5.2-4.2-6.3h-7.8c-2.4 1-4.2 3.5-4.2 6.3v4c0 0 3.3 2 8 2C31.3 58.3 34.6 56.2 34.6 56.2z"></path> <polyline class="svg--outline svg--bw" points="1.3 74 26.6 68.3 55.8 76.2 90.2 54.1 120.6 66.6 "></polyline> <line class="svg--outline" x1="120" y1="85.9" x2="1.3" y2="85.9"></line> <path class="svg--outline" d="M137.6 109V17.5c0-9.2-7.5-16.6-16.6-16.6V1v91.4C130.2 92.3 137.6 99.8 137.6 109c0 9.2-7.5 16.6-16.6 16.6v0h-16.4H87 0.9v-108h119.5"></path> <line class="svg--outline" x1="36.5" y1="101.8" x2="13.6" y2="101.8"></line> <line class="svg--outline" x1="36.5" y1="109.3" x2="13.6" y2="109.3"></line> <line class="svg--outline" x1="69.1" y1="101.8" x2="46.2" y2="101.8"></line> <line class="svg--outline" x1="69.1" y1="109.3" x2="46.2" y2="109.3"></line> <line class="svg--outline" x1="101.6" y1="101.8" x2="78.8" y2="101.8"></line> <line class="svg--outline" x1="101.6" y1="109.3" x2="78.8" y2="109.3"></line> <circle class="svg--outline" cx="26.6" cy="43.8" r="14.5"></circle> <path class="svg--outline" d="M31.3 41.8c0 2.6-2.1 4.8-4.8 4.8s-4.8-2.2-4.8-4.8v-1.7c0-2.6 2.1-4.8 4.8-4.8s4.8 2.2 4.8 4.8V41.8z"></path> <path class="svg--outline" d="M18.6 55.7v-4c0-2.8 1.7-5.2 4.2-6.3"></path> <path class="svg--outline" d="M30.5 45.5c2.4 1 4.2 3.5 4.2 6.3v4"></path></svg>
<p>Emotional Journey</p>
</div>
|
|
| /tools/empathy-map |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 139.5 126.5" xml:space="preserve"> <rect x="25.5" y="37.6" class="svg--filled-main" width="14" height="12.8"></rect> <rect x="77.6" y="102.9" class="svg--filled-main" width="14" height="12.8"></rect> <rect x="22.7" y="94.9" class="svg--filled-main" width="14" height="12.8"></rect> <rect x="25.5" y="37.6" class="svg--outline svg--bw" width="14" height="12.8"></rect> <rect x="77.6" y="102.9" class="svg--outline svg--bw" width="14" height="12.8"></rect> <rect x="22.7" y="94.9" class="svg--outline svg--bw" width="14" height="12.8"></rect> <path class="svg--filled-main" d="M72.8 88.4V83c0-3.8-2.3-7.1-5.6-8.5H56.7c-3.3 1.4-5.6 4.7-5.6 8.5v5.4c0 0 4.4 2.8 10.9 2.8C68.4 91.2 72.8 88.4 72.8 88.4z"></path> <path class="svg--filled-main" d="M121.6 1V92c8.1 0.4 16.3 9.3 16.3 14.4V17.2C137.9 8.2 130.6 0.9 121.6 1"></path> <rect x="15.5" y="28.7" class="svg--filled-light svg--outline" width="14" height="12.8"></rect> <rect x="87.6" y="37.6" class="svg--filled-light svg--outline" width="14" height="12.8"></rect> <rect x="87.6" y="81.3" class="svg--filled-light svg--outline" width="14" height="12.8"></rect> <path class="svg--outline" d="M137.6 109V17.5c0-9.2-7.5-16.6-16.6-16.6V1v91.4C130.2 92.3 137.6 99.8 137.6 109c0 9.2-7.5 16.6-16.6 16.6v0h-16.4H87 0.9v-108h119.5"></path> <line class="svg--outline" x1="63" y1="18.2" x2="63" y2="52"></line> <line class="svg--outline" x1="63" y1="91.2" x2="63" y2="124.9"></line> <line class="svg--outline" x1="1.1" y1="71.8" x2="42.4" y2="71.8"></line> <line class="svg--outline" x1="82.6" y1="71.8" x2="120.7" y2="71.8"></line> <path class="svg--outline" d="M68.4 68.9c0 3.6-2.9 6.5-6.4 6.5 -3.5 0-6.4-2.9-6.4-6.5v-2.2c0-3.6 2.9-6.5 6.4-6.5 3.5 0 6.4 2.9 6.4 6.5V68.9z"></path> <path class="svg--outline" d="M51.1 87.7v-5.4c0-3.8 2.3-7.1 5.6-8.5"></path> <path class="svg--outline" d="M67.2 73.9c3.3 1.4 5.6 4.7 5.6 8.5v5.4"></path> <circle class="svg--outline" cx="61.9" cy="71.6" r="19.6"></circle></svg>
<p>Empathy Map</p>
</div>
|
|
| /tools/evaluation-matrix |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.3 126.3" xml:space="preserve"> <polyline class="svg--outline svg--filled-light" points="29.5,51.4 17.1,51.4 17.1,34.1 34.4,34.1 34.4,44.8 "></polyline> <rect x="29.5" y="44.8" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="82.8" y="32.6" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="87.8" y="90.3" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="12.3" y="90.3" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="29.5" y="44.8" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="82.8" y="32.6" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="87.8" y="90.3" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="12.3" y="90.3" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <path class="svg--filled-main" d="M120.4 0.8v90.9c8.1 2.4 16.2 5.4 16.2 14.4V17C136.6 8 129.4 0.7 120.4 0.8"></path> <line class="svg--outline" x1="120.8" y1="1" x2="120.8" y2="92.2"></line> <polyline class="svg--outline" points="120.8 125.4 0.9 125.4 0.9 17.5 120.3 17.5 "></polyline> <path class="svg--outline" d="M120.8 92.2c9.2 0 16.6 7.4 16.6 16.6 0 9.2-7.4 16.6-16.6 16.6"></path> <path class="svg--outline" d="M120.8 0.9c9.2 0 16.6 7.4 16.6 16.6"></path> <line class="svg--outline" x1="137.4" y1="17.5" x2="137.4" y2="108.8"></line> <rect x="72.8" y="44.2" class="svg--outline svg--filled-light" width="17.3" height="17.3"></rect> <rect x="36.4" y="80.3" class="svg--outline svg--filled-light" width="17.3" height="17.3"></rect> <line class="svg--outline svg--filled-light" x1="62.5" y1="28.6" x2="62.5" y2="113.3"></line> <polyline class="svg--outline" points="57 32.3 62.5 27.7 68 32.3 "></polyline> <line class="svg--outline svg--filled-light" x1="110.3" y1="70.2" x2="14.4" y2="70.2"></line> <polyline class="svg--outline" points="106.2 64.6 110.8 70.1 106.2 75.7 "></polyline></svg>
<p>Evaluation Matrix</p>
</div>
|
|
| /tools/experience-principles |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 157.3 126.5" xml:space="preserve"> <rect x="14.7" y="15.2" class="svg--filled-main" width="141.7" height="110.4"></rect> <rect x="14.7" y="15.2" class="svg--outline svg--bw" width="141.7" height="110.4"></rect> <rect x="0.9" y="0.9" class="svg--filled-light svg--outline" width="140.3" height="110.9"></rect> <circle class="svg--filled-main" cx="26.4" cy="52.4" r="11.8"></circle> <rect x="55.2" y="40.6" class="svg--filled-main" width="23.7" height="23.7"></rect> <polygon class="svg--filled-main" points="111.2 38.3 96.3 64.2 126.2 64.2 "></polygon> <circle class="svg--outline svg--bw" cx="26.4" cy="52.4" r="11.8"></circle> <rect x="55.2" y="40.6" class="svg--outline svg--bw" width="23.7" height="23.7"></rect> <polygon class="svg--outline svg--bw" points="111.2 38.3 96.3 64.2 126.2 64.2 "></polygon> <line class="svg--outline" x1="14" y1="85.9" x2="44" y2="85.9"></line> <line class="svg--outline" x1="14" y1="95.3" x2="30.7" y2="95.3"></line> <line class="svg--outline" x1="14" y1="76.8" x2="44" y2="76.8"></line> <line class="svg--outline" x1="55.2" y1="85.9" x2="85.1" y2="85.9"></line> <line class="svg--outline" x1="55.2" y1="95.3" x2="71.8" y2="95.3"></line> <line class="svg--outline" x1="55.2" y1="76.8" x2="85.1" y2="76.8"></line> <line class="svg--outline" x1="96.3" y1="85.9" x2="126.2" y2="85.9"></line> <line class="svg--outline" x1="96.3" y1="95.3" x2="112.9" y2="95.3"></line> <line class="svg--outline" x1="96.3" y1="76.8" x2="126.2" y2="76.8"></line> <line class="svg--outline" x1="12.6" y1="15.4" x2="30.9" y2="15.4"></line> <line class="svg--outline" x1="12.6" y1="25" x2="69.5" y2="25"></line></svg>
<p>Experience Principles</p>
</div>
|
|
| /tools/experience-prototypes |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 127.5 126.5" xml:space="preserve"> <rect x="0.9" y="1.5" class="svg--filled-main" width="95.7" height="19.5"></rect> <polyline class="svg--outline" points="53.2 96.9 0.9 96.9 0.9 0.9 96.9 0.9 96.9 65.6 "></polyline> <polyline class="svg--outline" points="96.6 112.3 53.8 112.3 53.8 66.6 117.5 66.6 117.5 96.8 "></polyline> <rect x="11" y="30.4" class="svg--filled-main" width="34.3" height="27.2"></rect> <rect x="53.8" y="32.8" class="svg--filled-main" width="31.9" height="7.5"></rect> <rect x="53.8" y="47.8" class="svg--filled-main" width="31.9" height="7.5"></rect> <polygon class="svg--filled-main" points="90.5 89.5 100.1 125.6 107.3 114.4 117.4 124.6 125.5 116.4 115.4 106.3 126.6 99.2 "></polygon> <rect x="0.9" y="1.5" class="svg--outline svg--bw" width="95.7" height="19.5"></rect> <rect x="11" y="30.4" class="svg--outline svg--bw" width="34.3" height="27.2"></rect> <rect x="53.8" y="32.8" class="svg--outline svg--bw" width="31.9" height="7.5"></rect> <rect x="53.8" y="47.8" class="svg--outline svg--bw" width="31.9" height="7.5"></rect> <polygon class="svg--outline svg--bw" points="90.5 89.5 100.1 125.6 107.3 114.4 117.4 124.6 125.5 116.4 115.4 106.3 126.6 99.2 "></polygon> <path class="svg--outline" d="M14.3 123.6"></path> <line class="svg--outline" x1="11" y1="30.4" x2="45.4" y2="57.6"></line> <line class="svg--outline" x1="11" y1="57.6" x2="45.4" y2="30.4"></line> <line class="svg--outline" x1="38" y1="67.6" x2="11" y2="67.6"></line> <line class="svg--outline" x1="38" y1="75.8" x2="11" y2="75.8"></line> <line class="svg--outline" x1="62.4" y1="90.2" x2="82.3" y2="90.2"></line> <line class="svg--outline" x1="105.7" y1="80.6" x2="62.4" y2="80.6"></line> <path class="svg--filled-light svg--outline" d="M10.8 15.4c-0.7 0-1.3-0.3-1.8-0.8 -0.1-0.1-0.2-0.2-0.3-0.4 -0.1-0.1-0.2-0.3-0.2-0.4 -0.1-0.2-0.1-0.3-0.2-0.5 0-0.2-0.1-0.3-0.1-0.5 0-0.7 0.3-1.3 0.8-1.8 0.7-0.7 1.8-0.9 2.8-0.6 0.3 0.1 0.6 0.3 0.8 0.6 0.5 0.5 0.7 1.1 0.7 1.8 0 0.2 0 0.3-0.1 0.5 0 0.2-0.1 0.3-0.1 0.5 -0.1 0.2-0.2 0.3-0.3 0.4 -0.1 0.2-0.2 0.3-0.3 0.4 -0.2 0.3-0.5 0.4-0.8 0.6C11.5 15.3 11.2 15.4 10.8 15.4z"></path> <path class="svg--filled-light svg--outline" d="M24.7 15.4c-0.7 0-1.3-0.3-1.8-0.8 -0.1-0.1-0.2-0.2-0.3-0.4 -0.1-0.1-0.2-0.3-0.2-0.4 -0.1-0.2-0.1-0.3-0.2-0.5 0-0.2-0.1-0.3-0.1-0.5 0-0.7 0.3-1.3 0.8-1.8 0.7-0.7 1.8-0.9 2.8-0.6 0.3 0.1 0.6 0.3 0.8 0.6 0.5 0.5 0.7 1.1 0.7 1.8 0 0.2 0 0.3-0.1 0.5 0 0.2-0.1 0.3-0.1 0.5 -0.1 0.2-0.2 0.3-0.3 0.4 -0.1 0.2-0.2 0.3-0.3 0.4 -0.2 0.3-0.5 0.4-0.8 0.6C25.3 15.3 25 15.4 24.7 15.4z"></path> <path class="svg--filled-light svg--outline" d="M38.5 15.4c-0.7 0-1.3-0.3-1.8-0.8 -0.1-0.1-0.2-0.2-0.3-0.4 -0.1-0.1-0.2-0.3-0.2-0.4 -0.1-0.2-0.1-0.3-0.2-0.5 0-0.2-0.1-0.3-0.1-0.5 0-0.7 0.3-1.3 0.8-1.8 0.7-0.7 1.8-0.9 2.8-0.6 0.3 0.1 0.6 0.3 0.8 0.6 0.5 0.5 0.7 1.1 0.7 1.8 0 0.2 0 0.3-0.1 0.5 0 0.2-0.1 0.3-0.1 0.5 -0.1 0.2-0.2 0.3-0.3 0.4 -0.1 0.2-0.2 0.3-0.3 0.4 -0.2 0.3-0.5 0.4-0.8 0.6C39.1 15.3 38.8 15.4 38.5 15.4z"></path></svg>
<p>Experience Prototypes</p>
</div>
|
|
| /tools/future-backcasting |
<div class="card">
<p class="card__label">enhanced</p>
<svg viewbox="0 0 116 59" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M61.2664 29.429C61.2664 32.1666 51.8149 33.4328 50.9957 35.924C50.1765 38.4152 57.0328 45.0743 55.4633 47.2233C53.8938 49.3723 45.5024 44.869 43.3133 46.4568C41.1242 48.0446 42.8934 57.4072 40.305 58.2216C37.7167 59.036 33.731 50.4674 30.9361 50.4674C28.1413 50.4674 24.0935 59.036 21.5741 58.2216C19.0546 57.4072 20.7205 48.0241 18.5865 46.4568C16.4525 44.8896 8.00596 49.4066 6.4089 47.2233C4.81184 45.0401 11.7026 38.5315 10.8903 35.9445C10.078 33.3575 0.619568 32.2077 0.619568 29.429C0.619568 26.6504 10.0711 25.4253 10.8903 22.9273C11.7095 20.4292 4.81873 13.818 6.4089 11.6347C7.99907 9.45151 16.3699 14.0233 18.5865 12.4355C20.8031 10.8477 19.0064 1.48514 21.6016 0.670709C24.1968 -0.143723 28.1619 8.41807 30.9361 8.41807C33.7103 8.41807 37.7993 -0.143723 40.305 0.684397C42.8108 1.51252 41.1586 10.8819 43.3133 12.4492C45.4679 14.0164 53.8663 9.49258 55.4633 11.6347C57.0604 13.7769 50.1421 20.3334 50.9819 22.9204C51.8218 25.5074 61.2664 26.6915 61.2664 29.429Z" class="svg--filled-support"></path><path d="M61.2664 29.429C61.2664 32.1666 51.8149 33.4328 50.9957 35.924C50.1765 38.4152 57.0328 45.0743 55.4633 47.2233C53.8938 49.3723 45.5024 44.869 43.3133 46.4568C41.1242 48.0446 42.8934 57.4072 40.305 58.2216C37.7167 59.036 33.731 50.4674 30.9361 50.4674C28.1413 50.4674 24.0935 59.036 21.5741 58.2216C19.0546 57.4072 20.7205 48.0241 18.5865 46.4568C16.4525 44.8896 8.00596 49.4066 6.4089 47.2233C4.81184 45.0401 11.7026 38.5315 10.8903 35.9445C10.078 33.3575 0.619568 32.2077 0.619568 29.429C0.619568 26.6504 10.0711 25.4253 10.8903 22.9273C11.7095 20.4292 4.81873 13.818 6.4089 11.6347C7.99907 9.45151 16.3699 14.0233 18.5865 12.4355C20.8031 10.8477 19.0064 1.48514 21.6016 0.670709C24.1968 -0.143723 28.1619 8.41807 30.9361 8.41807C33.7103 8.41807 37.7993 -0.143723 40.305 0.684397C42.8108 1.51252 41.1586 10.8819 43.3133 12.4492C45.4679 14.0164 53.8663 9.49258 55.4633 11.6347C57.0604 13.7769 50.1421 20.3334 50.9819 22.9204C51.8218 25.5074 61.2664 26.6915 61.2664 29.429Z" class="svg--outline svg--bw"></path><path d="M44.0016 56.9486L45.1926 56.4285" class="svg--outline"></path><path d="M49.1577 54.6901L104.256 30.5515" class="svg--outline" stroke-dasharray="3.78 6.29"></path><path d="M106.239 29.6891L107.43 29.1621" class="svg--outline"></path><path d="M107.43 28.9979L106.239 28.4777" class="svg--outline"></path><path d="M102.28 26.7394L47.1751 2.60071" class="svg--outline" stroke-dasharray="3.78 6.29"></path><path d="M45.1926 1.73152L44.0016 1.21138" class="svg--outline"></path><path d="M109.887 35.1574C113.263 35.1574 116 32.4365 116 29.08C116 25.7235 113.263 23.0026 109.887 23.0026C106.511 23.0026 103.774 25.7235 103.774 29.08C103.774 32.4365 106.511 35.1574 109.887 35.1574Z" class="svg--filled-support"></path><path d="M109.887 35.1574C113.263 35.1574 116 32.4365 116 29.08C116 25.7235 113.263 23.0026 109.887 23.0026C106.511 23.0026 103.774 25.7235 103.774 29.08C103.774 32.4365 106.511 35.1574 109.887 35.1574Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M33.1252 29.169H79.5293" class="svg--outline"></path><path d="M75.7569 24.2345L80.08 29.3195L75.7569 34.5278" class="svg--outline"></path></svg>
<p>Future backcasting</p>
</div>
|
|
| /tools/hypothesis-generation |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.5 126.5" xml:space="preserve"> <path class="svg--filled-main" d="M120.6 0.8v91.1c8.1 2.4 16.3 5.4 16.3 14.4V17C136.8 8 129.6 0.7 120.6 0.8"></path> <rect x="12.7" y="46" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="12.7" y="96.1" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="51.9" y="46" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="51.9" y="96.1" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="92" y="46" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="92" y="96.1" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="12.7" y="46" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="12.7" y="96.1" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="51.9" y="46" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="51.9" y="96.1" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="92" y="46" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="92" y="96.1" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="12.7" y="71" class="svg--outline" width="17.3" height="17.3"></rect> <line class="svg--filled-light svg--outline" x1="12.3" y1="35.3" x2="22.3" y2="35.3"></line> <line class="svg--filled-light svg--outline" x1="12.3" y1="30" x2="30" y2="30"></line> <line class="svg--filled-light svg--outline" x1="91.3" y1="35.3" x2="101.2" y2="35.3"></line> <line class="svg--filled-light svg--outline" x1="91.3" y1="30" x2="108.9" y2="30"></line> <line class="svg--filled-light svg--outline" x1="51.4" y1="35.3" x2="61.4" y2="35.3"></line> <line class="svg--filled-light svg--outline" x1="51.4" y1="30" x2="69.1" y2="30"></line> <rect x="51.9" y="71" class="svg--outline" width="17.3" height="17.3"></rect> <rect x="92" y="71" class="svg--outline" width="17.3" height="17.3"></rect> <line class="svg--filled-light svg--outline" x1="40.9" y1="28.7" x2="40.9" y2="113.4"></line> <line class="svg--filled-light svg--outline" x1="80.4" y1="28.7" x2="80.4" y2="113.4"></line> <line class="svg--outline" x1="121" y1="1" x2="121" y2="92.3"></line> <polyline class="svg--outline" points="121 125.6 0.9 125.6 0.9 17.5 120.4 17.5 "></polyline> <path class="svg--outline" d="M121 92.3c9.2 0 16.6 7.5 16.6 16.6 0 9.2-7.5 16.6-16.6 16.6"></path> <path class="svg--outline" d="M121 0.9c9.2 0 16.6 7.5 16.6 16.6"></path> <line class="svg--outline" x1="137.6" y1="17.5" x2="137.6" y2="109"></line></svg>
<p>Hypothesis Generation</p>
</div>
|
|
| /tools/impact-journey |
<div class="card">
<p class="card__label">enhanced</p>
<svg viewbox="0 0 96 87" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2665 50.4727H26.316" class="svg--outline"></path><path d="M10.2665 58.8137H26.316" class="svg--outline"></path><path d="M10.2665 67.1616H26.316" class="svg--outline"></path><path d="M50.9059 47.0276H59.0957" class="svg--outline"></path><path d="M50.8096 31.2463H37.3181V23.1734H50.8096L53.5051 27.2924L50.8096 31.2463Z" class="svg--filled-support"></path><path d="M69.699 31.2463H56.2075L58.9031 27.2924L56.2075 23.1734H69.699L72.3945 27.2924L69.699 31.2463Z" class="svg--filled-support"></path><path d="M82.9155 31.2463H74.9182L77.9163 27.2924L74.9182 23.1734H82.6266" class="svg--filled-support"></path><path d="M50.8096 31.2463H37.3181V23.1734H50.8096L53.5051 27.2924L50.8096 31.2463Z" class="svg--outline svg--bw"></path><path d="M69.699 31.2463H56.2075L58.9031 27.2924L56.2075 23.1734H69.699L72.3945 27.2924L69.699 31.2463Z" class="svg--outline svg--bw"></path><path d="M82.9155 31.2463H74.9182L77.9163 27.2924L74.9182 23.1734H82.6266" class="svg--outline svg--bw"></path><path d="M37.0499 43.335V41.0107H50.6995V53.0513H37.0499V50.4727V43.335Z" class="svg--outline"></path><path d="M73.0479 47.0276H83.3005" class="svg--outline"></path><path d="M59.1919 43.335V41.0107H72.8415V53.0513H59.1919V50.4727V43.335Z" class="svg--outline"></path><path d="M21.5437 30.0017C22.1153 30.2481 22.6338 30.603 23.0703 31.0469C23.925 31.9193 24.4039 33.0918 24.4043 34.3132V37.0637C22.908 38.2068 21.0748 38.821 19.192 38.8103C14.9424 38.8103 13.347 37.0637 13.347 37.0637V34.3132C13.3507 33.3928 13.6244 32.4937 14.1341 31.7273C14.6438 30.9609 15.3671 30.3609 16.2145 30.0017H21.5437Z" class="svg--outline svg--filled-support"></path><path d="M21.5437 30.0017C22.1153 30.2481 22.6338 30.603 23.0703 31.0469C23.925 31.9193 24.4039 33.0918 24.4043 34.3132V37.0637C22.908 38.2068 21.0748 38.821 19.192 38.8103C14.9424 38.8103 13.347 37.0637 13.347 37.0637V34.3132C13.3507 33.3928 13.6244 32.4937 14.1341 31.7273C14.6438 30.9609 15.3671 30.3609 16.2145 30.0017H21.5437Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M22.1488 27.5055C22.1691 27.9475 22.0996 28.3891 21.9444 28.8034C21.7892 29.2178 21.5516 29.5964 21.246 29.9163C20.9404 30.2363 20.5731 30.491 20.1663 30.665C19.7595 30.839 19.3216 30.9287 18.8791 30.9287C18.4367 30.9287 17.9988 30.839 17.592 30.665C17.1851 30.491 16.8178 30.2363 16.5122 29.9163C16.2066 29.5964 15.969 29.2178 15.8138 28.8034C15.6587 28.3891 15.5891 27.9475 15.6094 27.5055V26.3365C15.5891 25.8945 15.6587 25.453 15.8138 25.0387C15.969 24.6243 16.2066 24.2457 16.5122 23.9257C16.8178 23.6058 17.1851 23.3511 17.592 23.1771C17.9988 23.0031 18.4367 22.9134 18.8791 22.9134C19.3216 22.9134 19.7595 23.0031 20.1663 23.1771C20.5731 23.3511 20.9404 23.6058 21.246 23.9257C21.5516 24.2457 21.7892 24.6243 21.9444 25.0387C22.0996 25.453 22.1691 25.8945 22.1488 26.3365V27.5055Z" class="svg--outline svg--filled-light"></path><path d="M94.6328 74.9526C94.6274 77.9819 93.4215 80.8857 91.2795 83.0278C89.1374 85.1698 86.2336 86.3757 83.2043 86.3811H0.618896V12.1162H94.6741L94.6328 74.9526Z" class="svg--outline"></path><path d="M94.6328 12.0681C94.6328 9.03511 93.4294 6.12609 91.2867 3.97955C89.144 1.833 86.2372 0.624339 83.2042 0.618875V63.4896C86.239 63.4969 89.1469 64.7081 91.2895 66.8572C93.4322 69.0063 94.6346 71.9178 94.6328 74.9526V12.0681Z" class="svg--outline svg--filled-support"></path><path d="M94.6328 12.0681C94.6328 9.03511 93.4294 6.12609 91.2867 3.97955C89.144 1.833 86.2372 0.624339 83.2042 0.618875V63.4896C86.239 63.4969 89.1469 64.7081 91.2895 66.8572C93.4322 69.0063 94.6346 71.9178 94.6328 74.9526V12.0681Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M18.8756 38.8172C24.3899 38.8172 28.8601 34.347 28.8601 28.8327C28.8601 23.3184 24.3899 18.8482 18.8756 18.8482C13.3613 18.8482 8.89111 23.3184 8.89111 28.8327C8.89111 34.347 13.3613 38.8172 18.8756 38.8172Z" class="svg--outline"></path><path d="M43.7957 75.2345C47.7529 75.2345 50.9609 72.0265 50.9609 68.0693C50.9609 64.1121 47.7529 60.9041 43.7957 60.9041C39.8385 60.9041 36.6305 64.1121 36.6305 68.0693C36.6305 72.0265 39.8385 75.2345 43.7957 75.2345Z" class="svg--filled-support"></path><path d="M43.7957 75.2345C47.7529 75.2345 50.9609 72.0265 50.9609 68.0693C50.9609 64.1121 47.7529 60.9041 43.7957 60.9041C39.8385 60.9041 36.6305 64.1121 36.6305 68.0693C36.6305 72.0265 39.8385 75.2345 43.7957 75.2345Z" class="svg--outline svg--bw"></path><path d="M66.1652 75.2345C70.1224 75.2345 73.3304 72.0265 73.3304 68.0693C73.3304 64.1121 70.1224 60.9041 66.1652 60.9041C62.208 60.9041 59 64.1121 59 68.0693C59 72.0265 62.208 75.2345 66.1652 75.2345Z" class="svg--filled-support"></path><path d="M66.1652 75.2345C70.1224 75.2345 73.3304 72.0265 73.3304 68.0693C73.3304 64.1121 70.1224 60.9041 66.1652 60.9041C62.208 60.9041 59 64.1121 59 68.0693C59 72.0265 62.208 75.2345 66.1652 75.2345Z" class="svg--outline svg--bw"></path><path d="M44 64V68.7172" class="svg--outline"></path><path d="M66.3695 64V68.7172" class="svg--outline"></path><circle cx="44" cy="71.307" r="1" class="svg--filled-dark"></circle><circle cx="66.3695" cy="71.307" r="1" class="svg--filled-dark"></circle></svg>
<p>Impact Journey</p>
</div>
|
|
| /tools/interview-guide |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 122.7 126.5" xml:space="preserve"> <polygon class="svg--filled-main" points="86.2 125.6 0.9 125.6 0.9 16.2 17.5 16.2 17.2 110.3 86.2 110 "></polygon> <path class="svg--filled-light" d="M118.8 28.4c-2.9-1.8-6.8-0.9-8.6 2l-7.7 12.4V20.4L82.7 0.9H17.2v109.4h85.3V66.6L120.8 37C122.7 34.1 121.8 30.2 118.8 28.4z"></path> <polyline class="svg--outline svg--bw" points="86.2 111 86.2 125.6 0.9 125.6 0.9 16.2 16.5 16.2 "></polyline> <polyline class="svg--filled-main" points="102.2 20.4 82.7 20.4 82.7 0.9 "></polyline> <path class="svg--filled-main" d="M89.8 86.1l-10.3-6.6 33-51.3c0 0 3.3-1.7 6.3 0.2 3 1.9 2.9 6.5 2.9 6.5L89.8 86.1z"></path> <polyline class="svg--outline svg--bw" points="102.2 20.4 82.7 20.4 82.7 0.9 "></polyline> <line class="svg--outline svg--bw" x1="89.8" y1="86.1" x2="80" y2="79.8"></line> <polyline class="svg--outline" points="102.6 66.9 102.6 110.3 17.2 110.3 17.2 0.9 82.7 0.9 102.6 20.4 102.6 42.5 "></polyline> <line class="svg--filled-light svg--outline" x1="31.1" y1="30.3" x2="49.3" y2="30.3"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="42.8" x2="87.4" y2="42.8"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="55.3" x2="69.5" y2="55.3"></line> <line class="svg--filled-light svg--outline" x1="74.7" y1="55.3" x2="87.2" y2="55.3"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="67.8" x2="77.6" y2="67.8"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="80.3" x2="47.2" y2="80.3"></line> <line class="svg--filled-light svg--outline" x1="52.9" y1="80.3" x2="72" y2="80.3"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="92.8" x2="72" y2="92.8"></line> <path class="svg--outline" d="M118.8 28.4c-2.9-1.8-6.8-0.9-8.6 2L79.5 80l-1 13.5 11.6-6.9L120.8 37C122.7 34.1 121.8 30.2 118.8 28.4z"></path></svg>
<p>Interview Guide</p>
</div>
|
|
| /tools/issue-cards |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 119.1 126.1" xml:space="preserve"> <rect x="0.9" y="0.9" class="svg--filled-main" width="88.7" height="98.4"></rect> <rect x="0.9" y="0.9" class="svg--outline svg--bw" width="88.7" height="98.4"></rect> <rect x="14.9" y="13.6" class="svg--outline svg--filled-light" width="88.7" height="98.4"></rect> <rect x="29.5" y="26.8" class="svg--outline svg--filled-light" width="88.7" height="98.4"></rect> <circle class="svg--outline svg--filled-light" cx="54.4" cy="53.5" r="5"></circle> <polygon class="svg--filled-light" points="52.8 82 73.2 59.1 78.4 64.8 92.2 50.3 105.9 65.3 106.3 82 "></polygon> <polyline class="svg--outline" points="93.9 82.1 72.9 59 52 82.1 "></polyline> <polyline class="svg--outline" points="106.9 66.7 92 50.3 79 64.6 "></polyline> <rect x="40.9" y="37.3" class="svg--outline" width="66" height="44.8"></rect> <line class="svg--outline" x1="42" y1="96.6" x2="106.9" y2="96.6"></line> <line class="svg--outline" x1="42" y1="108.3" x2="75.9" y2="108.3"></line></svg>
<p>Issue Cards</p>
</div>
|
|
| /tools/journey-map |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.5 126.5" xml:space="preserve"> <polygon class="svg--filled-main" points="74.3 49 54.7 49 54.7 37.3 74.3 37.3 78.2 43.3 "></polygon> <polygon class="svg--filled-main" points="101.8 49 82.1 49 86.1 43.3 82.1 37.3 101.8 37.3 105.7 43.3 "></polygon> <polyline class="svg--filled-main" points="121 49 109.3 49 113.7 43.3 109.3 37.3 120.6 37.3 "></polyline> <rect x="85.1" y="63.2" class="svg--filled-main" width="19.5" height="16.8"></rect> <rect x="84.8" y="63.2" class="svg--outline svg--bw" width="19.9" height="17.5"></rect> <polygon class="svg--outline svg--bw" points="74.3 49 54.7 49 54.7 37.3 74.3 37.3 78.2 43.3 "></polygon> <polygon class="svg--outline svg--bw" points="101.8 49 82.1 49 86.1 43.3 82.1 37.3 101.8 37.3 105.7 43.3 "></polygon> <polyline class="svg--outline svg--bw" points="121 49 109.3 49 113.7 43.3 109.3 37.3 120.6 37.3 "></polyline> <path class="svg--filled-main" d="M120.4 1V92c9 0 16.6 7.9 16.6 16.9l-0.3-91.8C136.7 8.2 129.4 0.9 120.4 1"></path> <path class="svg--filled-main" d="M35.9 58v-4c0-2.8-1.7-5.2-4.2-6.3H24c-2.4 1-4.2 3.5-4.2 6.3v4c0 0 3.3 2 8 2C32.6 60 35.9 58 35.9 58z"></path> <line class="svg--outline" x1="15.3" y1="77" x2="38.7" y2="77"></line> <line class="svg--outline" x1="15.3" y1="89.1" x2="38.7" y2="89.1"></line> <line class="svg--outline" x1="15.3" y1="101.3" x2="38.7" y2="101.3"></line> <polyline class="svg--outline" points="121 125.6 0.9 125.6 0.9 17.5 120.4 17.5 "></polyline> <path class="svg--outline" d="M121 92.3c9.2 0 16.6 7.5 16.6 16.6s-7.5 16.6-16.6 16.6"></path> <path class="svg--outline" d="M121 0.9c9.2 0 16.6 7.5 16.6 16.6"></path> <line class="svg--outline" x1="137.6" y1="17.5" x2="137.6" y2="109"></line> <line class="svg--outline" x1="74.4" y1="72" x2="84.3" y2="72"></line> <polyline class="svg--outline" points="113 107.6 117.9 101.9 113 96.1 "></polyline> <line class="svg--outline" x1="105.4" y1="101.9" x2="117.8" y2="101.9"></line> <line class="svg--outline" x1="94.7" y1="80.7" x2="94.7" y2="92"></line> <polygon class="svg--outline" points="84.9 96.5 84.9 93.1 104.7 93.1 104.7 110.6 84.9 110.6 84.9 106.9 "></polygon> <polygon class="svg--outline" points="54.3 66.6 54.3 63.2 74.1 63.2 74.1 80.7 54.3 80.7 54.3 77 "></polygon> <path class="svg--outline" d="M32.6 43.5c0 2.6-2.1 4.8-4.8 4.8s-4.8-2.2-4.8-4.8v-1.7c0-2.6 2.1-4.8 4.8-4.8s4.8 2.2 4.8 4.8V43.5z"></path> <path class="svg--outline" d="M19.8 57.5v-4c0-2.8 1.7-5.2 4.2-6.3"></path> <path class="svg--outline" d="M31.7 47.2c2.4 1 4.2 3.5 4.2 6.3v4"></path> <circle class="svg--outline" cx="27.8" cy="45.5" r="14.5"></circle> <line class="svg--outline" x1="121" y1="1" x2="121" y2="92.3"></line></svg>
<p>Journey Map</p>
</div>
|
|
| /tools/mindmap |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 115.3 126.3" xml:space="preserve"> <rect x="67.8" y="21.4" class="svg--filled-main" width="14" height="12.8"></rect> <polygon class="svg--filled-main" points="74.1 61.2 88.8 61.2 88.8 48.4 74.1 48.4 74.1 54.8 "></polygon> <rect x="17.3" y="77.7" class="svg--filled-main" width="14" height="12.8"></rect> <rect x="17.3" y="21.4" class="svg--filled-main" width="14" height="12.8"></rect> <rect x="67.8" y="21.4" class="svg--outline svg--bw" width="14" height="12.8"></rect> <polygon class="svg--outline svg--bw" points="74.1 61.2 88.8 61.2 88.8 48.4 74.1 48.4 74.1 54.8 "></polygon> <rect x="17.3" y="77.7" class="svg--outline svg--bw" width="14" height="12.8"></rect> <rect x="17.3" y="21.4" class="svg--outline svg--bw" width="14" height="12.8"></rect> <path class="svg--filled-main" d="M114.8 110.3H31.9c0 8.2-7.2 15.1-15.4 15.1l83.6-0.3C108.2 125.1 114.9 118.4 114.8 110.3"></path> <rect x="35.6" y="45.4" class="svg--filled-main" width="27.8" height="21.1"></rect> <rect x="42.9" y="87.9" class="svg--filled-light" width="14" height="12.8"></rect> <rect x="10.4" y="48.4" class="svg--outline" width="14.6" height="12.8"></rect> <line class="svg--outline" x1="25" y1="54.8" x2="34.7" y2="54.8"></line> <line class="svg--outline" x1="63.7" y1="54.8" x2="74.1" y2="54.8"></line> <rect x="42.9" y="87.9" class="svg--outline" width="14" height="12.8"></rect> <line class="svg--outline" x1="35.3" y1="66.4" x2="24.7" y2="77.6"></line> <rect x="67.8" y="77.7" class="svg--outline" width="14" height="12.8"></rect> <line class="svg--outline" x1="63.9" y1="66.4" x2="74.1" y2="77.3"></line> <line class="svg--outline" x1="49.9" y1="66.5" x2="49.9" y2="87.9"></line> <rect x="42.9" y="11.2" class="svg--outline" width="14" height="12.8"></rect> <line class="svg--outline" x1="35.3" y1="45.5" x2="25" y2="34.6"></line> <line class="svg--outline" x1="63.9" y1="45.5" x2="74.1" y2="34.6"></line> <line class="svg--outline" x1="49.9" y1="45.4" x2="49.9" y2="24"></line> <line class="svg--outline" x1="114.4" y1="110.2" x2="31.2" y2="110.2"></line> <polyline class="svg--outline" points="0.9 110.2 0.9 0.9 15.2 0.9 31.2 0.9 99.3 0.9 99.3 110.2 "></polyline> <path class="svg--outline" d="M31.2 110.2c0 8.4-6.8 15.2-15.2 15.2 -8.4 0-15.2-6.8-15.2-15.2"></path> <path class="svg--outline" d="M114.4 110.2c0 8.4-6.8 15.2-15.2 15.2"></path> <line class="svg--outline" x1="99.3" y1="125.4" x2="16.1" y2="125.4"></line> <line class="svg--outline" x1="41.7" y1="59.1" x2="51.1" y2="59.1"></line> <line class="svg--outline" x1="57.7" y1="52.5" x2="41.7" y2="52.5"></line> <rect x="35.6" y="45.4" class="svg--outline" width="27.8" height="21.1"></rect></svg>
<p>Mindmap</p>
</div>
|
|
| /tools/observation-notes |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 136.3 126.5" xml:space="preserve"> <rect x="71.6" y="0.9" class="svg--filled-main" width="10" height="109.8"></rect> <path class="svg--filled-main" d="M14.9 111.5c-4.1 0-7.8 3.2-7.8 7.1s3.3 7 7.4 7h78.1v-14.1L14.9 111.5z"></path> <rect x="114.9" y="24.4" class="svg--filled-main" width="13.4" height="76"></rect> <line class="svg--outline svg--bw" x1="71.6" y1="110.7" x2="71.6" y2="0.9"></line> <line class="svg--outline svg--bw" x1="81.5" y1="0.9" x2="81.5" y2="110.7"></line> <line class="svg--outline svg--bw" x1="114.9" y1="24.4" x2="128.3" y2="24.4"></line> <line class="svg--outline" x1="128.3" y1="100.5" x2="115.9" y2="100.5"></line> <line class="svg--outline" x1="0" y1="8.8" x2="12.6" y2="8.8"></line> <line class="svg--outline" x1="0" y1="18.4" x2="12.6" y2="18.4"></line> <line class="svg--outline" x1="0" y1="27.9" x2="12.6" y2="27.9"></line> <line class="svg--outline" x1="0" y1="37.4" x2="12.6" y2="37.4"></line> <line class="svg--outline" x1="0" y1="46.9" x2="12.6" y2="46.9"></line> <line class="svg--outline" x1="0" y1="56.4" x2="12.6" y2="56.4"></line> <line class="svg--outline" x1="0" y1="65.9" x2="12.6" y2="65.9"></line> <line class="svg--outline" x1="0" y1="75.4" x2="12.6" y2="75.4"></line> <line class="svg--outline" x1="0" y1="84.9" x2="12.6" y2="84.9"></line> <line class="svg--outline" x1="0" y1="94.4" x2="12.6" y2="94.4"></line> <line class="svg--outline" x1="0" y1="103.9" x2="12.6" y2="103.9"></line> <path class="svg--outline" d="M92.6 111.5v14.1H14.5c-4.1 0-7.4-3.2-7.4-7s3.7-7.1 7.8-7.1h3.6 67H91c4.7 0 8.5-3.8 8.5-8.5V9.4c0-4.7-3.8-8.5-8.5-8.5H7.1v117.6"></path> <path class="svg--outline" d="M121.3 2.9c3.6 0 6.6 2.8 6.6 6.5l0.8 91.3 -6.4 12.6 -6.7-12.5 -0.8-91.3C114.8 5.9 117.7 2.9 121.3 2.9z"></path> <polyline class="svg--outline" points="128 24.9 135.4 24.9 135.4 51.7 "></polyline></svg>
<p>Observation Notes</p>
</div>
|
|
| /tools/offering-map |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 118 125.2" xml:space="preserve"> <polyline class="svg--outline" points="75.3 12 101.6 12 101.6 108.6 "></polyline> <polyline class="svg--outline" points="0.9 108.8 0.9 12 27.6 12 "></polyline> <rect x="27.6" y="0.2" class="svg--filled-main" width="47.4" height="36.4"></rect> <rect x="21.2" y="83.4" class="svg--filled-main" width="25" height="11.3"></rect> <rect x="56.4" y="83.4" class="svg--filled-main" width="25" height="11.3"></rect> <rect x="27.6" class="svg--outline svg--bw" width="47.4" height="36.4"></rect> <rect x="21.2" y="83.2" class="svg--outline svg--bw" width="25" height="11.3"></rect> <rect x="56.4" y="83.2" class="svg--outline svg--bw" width="25" height="11.3"></rect> <path class="svg--filled-main" d="M116.1 109.3H32.1c0 8.3-7.3 15.3-15.6 15.3l84.6-0.3C109.4 124.3 116.1 117.6 116.1 109.3"></path> <line class="svg--outline" x1="117" y1="108.8" x2="31.9" y2="108.8"></line> <path class="svg--outline" d="M31.9 108.8c0 8.6-6.9 15.5-15.5 15.5 -8.6 0-15.5-6.9-15.5-15.5"></path> <path class="svg--outline" d="M117.1 108.8c0 8.6-6.9 15.5-15.5 15.5"></path> <line class="svg--outline" x1="101.6" y1="124.3" x2="16.4" y2="124.3"></line> <rect x="21.2" y="62.4" class="svg--outline" width="25" height="11.3"></rect> <rect x="56.4" y="62.4" class="svg--outline" width="25" height="11.3"></rect> <polyline class="svg--outline" points="30.7 61.3 30.7 50.1 71.1 50.1 71.1 61.3 "></polyline> <line class="svg--outline" x1="51.3" y1="50.1" x2="51.3" y2="36.4"></line> <line class="svg--outline" x1="31.5" y1="74.1" x2="31.5" y2="83.2"></line> <line class="svg--outline" x1="71.1" y1="74.1" x2="71.1" y2="83.2"></line> <line class="svg--outline" x1="38.9" y1="9.6" x2="65.3" y2="9.6"></line> <line class="svg--outline" x1="38.9" y1="27.2" x2="51.9" y2="27.2"></line> <line class="svg--outline" x1="64.9" y1="18.4" x2="38.9" y2="18.4"></line></svg>
<p>Offering Map</p>
</div>
|
|
| /tools/personas |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 102.4 126.5" xml:space="preserve"> <polygon class="svg--filled-main" points="101.5 125.6 16.2 125.6 16.2 110.3 86.2 110.3 86.2 16.2 101.5 16.2 "></polygon> <path class="svg--filled-main" d="M41.7 53.6v-7.2c0-5.1-3.5-10.3-7.8-12.2 0 0-3.4 2.3-6.6 2.3 -3.3 0-6.5-2.6-6.5-2.6 -4.4 1.9-8 7.3-8 12.4v7.2"></path> <rect x="52.1" y="78" class="svg--filled-main" width="22.8" height="21.6"></rect> <polygon class="svg--outline svg--bw" points="101.5 125.6 16.2 125.6 16.2 110.3 86.2 110.3 86.2 16.2 101.5 16.2 "></polygon> <rect x="52.1" y="78" class="svg--outline svg--bw" width="22.8" height="21.6"></rect> <rect x="0.9" y="0.9" class="svg--outline" width="85.3" height="109.4"></rect> <line class="svg--outline" x1="0.9" y1="53.9" x2="86.2" y2="53.9"></line> <line class="svg--outline" x1="46.4" y1="20.8" x2="75.5" y2="20.8"></line> <line class="svg--outline" x1="46.4" y1="30.8" x2="66.9" y2="30.8"></line> <line class="svg--outline" x1="11.8" y1="66.9" x2="43.8" y2="66.9"></line> <line class="svg--outline" x1="48.5" y1="66.9" x2="60" y2="66.9"></line> <line class="svg--outline" x1="22.2" y1="80" x2="41.9" y2="80"></line> <line class="svg--outline" x1="11.8" y1="80" x2="17.3" y2="80"></line> <line class="svg--outline" x1="22.2" y1="88.8" x2="41.9" y2="88.8"></line> <line class="svg--outline" x1="11.8" y1="88.8" x2="17.3" y2="88.8"></line> <line class="svg--outline" x1="22.2" y1="97.6" x2="41.9" y2="97.6"></line> <line class="svg--outline" x1="11.8" y1="97.6" x2="17.3" y2="97.6"></line> <path class="svg--outline" d="M35.8 27.6c0 4.7-3.8 8.6-8.5 8.6 -4.7 0-8.5-3.9-8.5-8.6v-3c0-4.7 3.8-8.6 8.5-8.6 4.7 0 8.5 3.9 8.5 8.6V27.6z"></path> <path class="svg--outline" d="M12.7 52.7v-7.2c0-5.1 3.1-9.4 7.5-11.3l1-0.4"></path> <path class="svg--outline" d="M41.7 52.7v-7.2c0-5.1-3.1-9.4-7.5-11.3l-1-0.4"></path></svg>
<p>Personas</p>
</div>
|
|
| /tools/recruiting-screener |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 103.6 126.5" xml:space="preserve"> <rect x="17.4" y="16.2" class="svg--filled-main" width="85.3" height="109.4"></rect> <rect x="17.4" y="16.2" class="svg--outline svg--bw" width="85.3" height="109.4"></rect> <rect x="0.9" y="0.9" class="svg--filled-light svg--outline" width="87.5" height="109.4"></rect> <path class="svg--filled-main" d="M28.8 33.1v-3.2c0-2.3-1.4-4.2-3.3-5h-6.2c-2 0.8-3.3 2.8-3.3 5v3.2H28.8z"></path> <path class="svg--filled-main" d="M28.8 64.6v-3.2c0-2.3-1.4-4.2-3.3-5h-6.2c-2 0.8-3.3 2.8-3.3 5v3.2H28.8z"></path> <path class="svg--filled-main" d="M28.8 96v-3.2c0-2.3-1.4-4.2-3.3-5h-6.2c-2 0.8-3.3 2.8-3.3 5V96H28.8z"></path> <path class="svg--outline" d="M26.1 21.5c0 2.1-1.7 3.8-3.8 3.8 -2.1 0-3.8-1.7-3.8-3.8v-1.3c0-2.1 1.7-3.8 3.8-3.8 2.1 0 3.8 1.7 3.8 3.8V21.5z"></path> <path class="svg--outline" d="M19.2 24.5c-2 0.8-3.3 2.8-3.3 5v3.2h12.9v-3.2c0-2.3-1.4-4.2-3.3-5"></path> <path class="svg--outline" d="M26.1 53c0 2.1-1.7 3.8-3.8 3.8 -2.1 0-3.8-1.7-3.8-3.8v-1.3c0-2.1 1.7-3.8 3.8-3.8 2.1 0 3.8 1.7 3.8 3.8V53z"></path> <path class="svg--outline" d="M19.2 55.9c-2 0.8-3.3 2.8-3.3 5v3.2h12.9V61c0-2.3-1.4-4.2-3.3-5"></path> <path class="svg--outline" d="M26.1 84.4c0 2.1-1.7 3.8-3.8 3.8 -2.1 0-3.8-1.7-3.8-3.8v-1.3c0-2.1 1.7-3.8 3.8-3.8 2.1 0 3.8 1.7 3.8 3.8V84.4z"></path> <path class="svg--outline" d="M19.2 87.4c-2 0.8-3.3 2.8-3.3 5v3.2h12.9v-3.2c0-2.3-1.4-4.2-3.3-5"></path> <line class="svg--filled-light svg--outline" x1="41.9" y1="19.8" x2="52.4" y2="19.8"></line> <line class="svg--filled-light svg--outline" x1="41.9" y1="28.6" x2="74.6" y2="28.6"></line> <line class="svg--filled-light svg--outline" x1="41.9" y1="50.2" x2="52.4" y2="50.2"></line> <line class="svg--filled-light svg--outline" x1="41.9" y1="59" x2="74.6" y2="59"></line> <line class="svg--filled-light svg--outline" x1="41.9" y1="80.5" x2="52.4" y2="80.5"></line> <line class="svg--filled-light svg--outline" x1="41.9" y1="89.3" x2="74.6" y2="89.3"></line></svg>
<p>Recruiting Screener</p>
</div>
|
|
| /tools/research-plan |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 159.8 126.5" xml:space="preserve"> <rect x="1" y="16.2" class="svg--filled-main" width="85.3" height="109.4"></rect> <rect x="0.9" y="16.2" class="svg--outline svg--bw" width="85.3" height="109.4"></rect> <polygon class="svg--filled-light" points="101.7 110 18.1 110 18.1 1.8 82.2 1.8 101.7 20.9 "></polygon> <polyline class="svg--filled-main" points="102.3 20.4 82.8 20.4 82.8 0.9 "></polyline> <polygon class="svg--outline" points="102.6 110.3 17.2 110.3 17.2 0.9 82.7 0.9 102.6 20.4 "></polygon> <rect x="137.2" y="46.5" class="svg--filled-light svg--outline" width="11.9" height="8.3"></rect> <path class="svg--filled-light svg--outline" d="M158.9 93.8c0 3.6-3 6.6-6.6 6.6H86.1c-3.6 0-6.6-3-6.6-6.6V59.1c0-3.6 3-6.6 6.6-6.6h66.2c3.6 0 6.6 3 6.6 6.6V93.8z"></path> <circle class="svg--filled-main" cx="119.3" cy="76.4" r="16.3"></circle> <rect x="87.1" y="58.6" class="svg--filled-main" width="10.3" height="8.3"></rect> <rect x="116.7" y="9.3" class="svg--filled-main" width="25.6" height="25.6"></rect> <polyline class="svg--outline svg--bw" points="102.2 20.4 82.7 20.4 82.7 0.9 "></polyline> <circle class="svg--outline svg--bw" cx="119.2" cy="76.4" r="16.3"></circle> <rect x="87" y="58.6" class="svg--outline svg--bw" width="10.3" height="8.3"></rect> <rect x="116.6" y="9.3" class="svg--outline svg--bw" width="25.6" height="25.6"></rect> <line class="svg--filled-light svg--outline" x1="31.1" y1="30.3" x2="49.3" y2="30.3"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="42.8" x2="87.4" y2="42.8"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="55.3" x2="69.5" y2="55.3"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="67.8" x2="68.6" y2="67.8"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="80.3" x2="47.2" y2="80.3"></line> <line class="svg--filled-light svg--outline" x1="52.9" y1="80.3" x2="68.6" y2="80.3"></line> <line class="svg--filled-light svg--outline" x1="31.1" y1="92.8" x2="68.6" y2="92.8"></line> <circle class="svg--filled-light svg--outline" cx="119.2" cy="76.4" r="8.9"></circle> <rect x="124.4" y="1.8" class="svg--filled-light svg--outline" width="25.6" height="25.6"></rect></svg>
<p>Research Plan</p>
</div>
|
|
| /tools/role-playing |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 104.8 126.5" xml:space="preserve"> <path class="svg--filled-main" d="M44 125.1v-10.6c0-7.4-4.6-13.8-11-16.6H12.6c-6.5 2.7-11 9.1-11 16.6v10.6H44z"></path> <path class="svg--filled-main" d="M90.2 4.8H53.3c-4.4 0-8.1 3.6-8.1 8.1v26c0 4.4 3.6 8.1 8.1 8.1h27.6l8.5 8.5v-8.5h0.8c4.4 0 8.1-3.6 8.1-8.1v-26C98.2 8.4 94.6 4.8 90.2 4.8z"></path> <path class="svg--filled-main" d="M103.9 125.1v-10.6c0-7.4-4.6-13.8-11-16.6H72.4c-6.5 2.7-11 9.1-11 16.6v10.6H103.9z"></path> <polygon class="svg--filled-main" points="11.6 78.2 22.8 54.8 33.9 78.2 "></polygon> <rect x="69.5" y="64.6" class="svg--filled-main" width="25" height="14.6"></rect> <path class="svg--outline svg--bw" d="M90.2 4.8H53.3c-4.4 0-8.1 3.6-8.1 8.1v26c0 4.4 3.6 8.1 8.1 8.1h27.6l8.5 8.5v-8.5h0.8c4.4 0 8.1-3.6 8.1-8.1v-26C98.2 8.4 94.6 4.8 90.2 4.8z"></path> <line class="svg--outline" x1="56.6" y1="30.8" x2="77.1" y2="30.8"></line> <line class="svg--outline" x1="84.8" y1="19.3" x2="56.6" y2="19.3"></line> <path class="svg--filled-light svg--outline" d="M34.2 78.8c0.6 1.5 1 3.2 1 5v4.4c0 7.1-5.7 12.9-12.7 12.9S9.7 95.3 9.7 88.2v-4.4c0-1.8 0.4-3.4 1-5L34.2 78.8z"></path> <path class="svg--outline" d="M13.6 97.4l-1.5 0.6c-6.6 2.8-11.2 9.3-11.2 16.8v10.7H44v-10.7c0-7.5-4.6-14-11.2-16.8l-1.5-0.6"></path> <path class="svg--filled-light svg--outline" d="M94.5 79.8c0.4 1.3 0.6 2.6 0.6 4v4.4c0 7.1-5.7 12.9-12.7 12.9s-12.7-5.8-12.7-12.9v-4.4c0-1.4 0.2-2.7 0.6-4L94.5 79.8z"></path> <path class="svg--outline" d="M73.5 97.4L72 98.1c-6.6 2.8-11.2 9.3-11.2 16.8v10.7h43.1v-10.7c0-7.5-4.6-14-11.2-16.8l-1.5-0.6"></path> <polygon class="svg--outline" points="10.8 78.8 22.5 54.2 34.1 78.8 "></polygon> <rect x="69.5" y="64.6" class="svg--outline" width="25.6" height="15.2"></rect> <path class="svg--filled-light svg--outline" d="M9.5 0.9h35.2c4.2 0 7.7 3.5 7.7 7.7v24.8c0 4.2-3.5 7.7-7.7 7.7H18.4l-8.1 8.1v-8.1H9.5c-4.2 0-7.7-3.5-7.7-7.7V8.6C1.8 4.4 5.3 0.9 9.5 0.9z"></path></svg>
<p>Role Playing</p>
</div>
|
|
| /tools/rough-prototyping |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 114.6 126.5" xml:space="preserve"> <polyline class="svg--filled-main" points="13.1 79.6 6.6 73.1 6.7 83.4 12.3 89.1 "></polyline> <path class="svg--outline" d="M75.8 86.8c0 6.1-5 11.2-11.2 11.2H24.2c-6.1 0-11.2-5-11.2-11.2V12.1c0-6.1 5-11.2 11.2-11.2h40.5c6.1 0 11.2 5 11.2 11.2V86.8z"></path> <polyline class="svg--outline" points="66.5 73.1 66.5 77.1 62.5 77.1 "></polyline> <line class="svg--outline svg--dashed" x1="59" y1="77.1" x2="29.2" y2="77.1"></line> <polyline class="svg--outline" points="27.4 77.1 23.4 77.1 23.4 73.1 "></polyline> <line class="svg--outline svg--dashed" x1="23.4" y1="68.8" x2="23.4" y2="20"></line> <polyline class="svg--outline" points="23.4 17.8 23.4 13.8 27.4 13.8 "></polyline> <line class="svg--outline svg--dashed" x1="30.9" y1="13.8" x2="60.8" y2="13.8"></line> <polyline class="svg--outline" points="62.5 13.8 66.5 13.8 66.5 17.8 "></polyline> <line class="svg--outline svg--dashed" x1="66.5" y1="22.1" x2="66.5" y2="71"></line> <path class="svg--filled-light" d="M20.3 110.1L47 83.4l0.1-10.4L15 105.2c-3.4-1.2-8-0.5-11.1 2.6 -4.1 4.1-3.9 10.8 0.1 14.9 4.1 4.1 10.5 3.9 14.6-0.2C21.9 119.2 22.8 114.5 20.3 110.1z"></path> <path class="svg--filled-light" d="M76.7 118.1c0 3.8-3 6.8-6.8 6.8s-6.8-3-6.8-6.8h0v-6.7 -7.2V36.6h44.2v84.5"></path> <polyline class="svg--outline" points="62.6 118.1 62.6 36.6 106.9 36.6 106.9 117.8 "></polyline> <path class="svg--filled-main" d="M26.8 103.6l6.5 6.5c-2.5 4.4-1.6 9.1 1.7 12.4 4.1 4.1 10.5 4.3 14.6 0.2 4.1-4.1 4.2-10.8 0.1-14.9 -3.1-3.1-7.7-3.7-11.1-2.6l-6.7-6.7"></path> <path class="svg--filled-main" d="M20.3 110.1L47 83.4l0.1-10.4L15 105.2c-3.4-1.2-8-0.5-11.1 2.6 -4.1 4.1-3.9 10.8 0.1 14.9 4.1 4.1 10.5 3.9 14.6-0.2C21.9 119.2 22.8 114.5 20.3 110.1z"></path> <path class="svg--filled-main" d="M113.9 118.1H76.7c-1 3.3-2.2 6.6-5.9 6.6h36.4C111 124.7 113.9 121.8 113.9 118.1"></path> <rect x="70.9" y="99.5" class="svg--filled-main" width="30.1" height="7.5"></rect> <rect x="69.9" y="47.6" class="svg--filled-main" width="30.1" height="18.6"></rect> <polyline class="svg--outline" points="13.1 79.6 6.6 73.1 6.7 83.4 12.3 89.1 "></polyline> <path class="svg--outline" d="M26.8 103.6l6.5 6.5c-2.5 4.4-1.6 9.1 1.7 12.4 4.1 4.1 10.5 4.3 14.6 0.2 4.1-4.1 4.2-10.8 0.1-14.9 -3.1-3.1-7.7-3.7-11.1-2.6l-6.7-6.7"></path> <circle class="svg--filled-light svg--outline" cx="42.2" cy="115.6" r="4.5"></circle> <path class="svg--outline" d="M20.3 110.1L47 83.4l0.1-10.4L15 105.2c-3.4-1.2-8-0.5-11.1 2.6 -4.1 4.1-3.9 10.8 0.1 14.9 4.1 4.1 10.5 3.9 14.6-0.2C21.9 119.2 22.8 114.5 20.3 110.1z"></path> <circle class="svg--filled-light svg--outline" cx="11.1" cy="115.6" r="4.5"></circle> <line class="svg--outline" x1="113.6" y1="118.1" x2="76.3" y2="118.1"></line> <path class="svg--outline" d="M76.3 118.1c0 3.8-3 6.8-6.8 6.8 -3.8 0-6.8-3-6.8-6.8"></path> <path class="svg--outline" d="M113.7 118.1c0 3.8-3 6.8-6.8 6.8"></path> <line class="svg--outline" x1="106.9" y1="124.9" x2="69.4" y2="124.9"></line> <line class="svg--outline" x1="71.1" y1="75.4" x2="98.9" y2="75.4"></line> <line class="svg--outline" x1="71.1" y1="83.2" x2="98.9" y2="83.2"></line> <line class="svg--outline" x1="71.1" y1="90.9" x2="94.1" y2="90.9"></line> <rect x="70.9" y="99.5" class="svg--outline svg--bw" width="30.1" height="7.5"></rect> <rect x="69.9" y="47.6" class="svg--outline svg--bw" width="30.1" height="18.6"></rect></svg>
<p>Rough Prototyping</p>
</div>
|
|
| /tools/service-blueprint |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.5 126.5" xml:space="preserve"> <line class="svg--outline" x1="33.8" y1="63.1" x2="47.7" y2="63.1"></line> <line class="svg--outline" x1="68.6" y1="107" x2="82.5" y2="107"></line> <line class="svg--outline" x1="92.5" y1="71.9" x2="92.5" y2="98.2"></line> <line class="svg--outline" x1="57.9" y1="71.9" x2="57.9" y2="97.2"></line> <polygon class="svg--filled-main" points="36.9 43.6 13.6 43.6 13.6 32.8 36.9 32.8 40.5 38.3 "></polygon> <polygon class="svg--filled-main" points="70.9 43.6 45.9 43.6 49.5 38.3 45.9 32.8 70.9 32.8 74.5 38.3 "></polygon> <polygon class="svg--filled-main" points="104.6 43.6 79.6 43.6 83.2 38.3 79.6 32.8 104.6 32.8 108.3 38.3 "></polygon> <polygon class="svg--filled-main" points="82.7 101.7 82.7 98.3 102.6 98.3 102.6 115.8 82.7 115.8 82.7 112 "></polygon> <rect x="48.4" y="54.3" class="svg--filled-main" width="19.5" height="16.8"></rect> <polygon class="svg--outline svg--bw" points="36.9 43.6 13.6 43.6 13.6 32.8 36.9 32.8 40.5 38.3 "></polygon> <polygon class="svg--outline svg--bw" points="70.9 43.6 45.9 43.6 49.5 38.3 45.9 32.8 70.9 32.8 74.5 38.3 "></polygon> <polygon class="svg--outline svg--bw" points="104.6 43.6 79.6 43.6 83.2 38.3 79.6 32.8 104.6 32.8 108.3 38.3 "></polygon> <polygon class="svg--outline svg--bw" points="82.7 101.7 82.7 98.3 102.6 98.3 102.6 115.8 82.7 115.8 82.7 112 "></polygon> <rect x="48.4" y="54.3" class="svg--outline svg--bw" width="19.5" height="16.8"></rect> <path class="svg--filled-main" d="M121.6 1V92c8.1 2.4 16.3 5.4 16.3 14.4V17.2C137.9 8.2 130.6 0.9 121.6 1"></path> <path class="svg--outline" d="M137.6 109V17.5c0-9.2-7.5-16.6-16.6-16.6V1v91.4C130.2 92.3 137.6 99.8 137.6 109s-7.5 16.6-16.6 16.6v0h-16.4H87 0.9v-108h119.5"></path> <line class="svg--outline svg--dashed" x1="6.4" y1="87.6" x2="116.8" y2="87.6"></line> <rect x="82.6" y="54.4" class="svg--outline" width="19.9" height="17.5"></rect> <polygon class="svg--outline" points="48.1 101.7 48.1 98.3 68 98.3 68 115.8 48.1 115.8 48.1 112 "></polygon> <polygon class="svg--outline" points="13.6 57.8 13.6 54.4 33.5 54.4 33.5 71.9 13.6 71.9 13.6 68.1 "></polygon></svg>
<p>Service Blueprint</p>
</div>
|
|
| /tools/service-image |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.5 126.5" xml:space="preserve"> <path class="svg--filled-main" d="M65 44.9v-2.1c0-3.8 3.1-6.9 6.9-6.9h21.8c3.8 0 6.9 3.1 6.9 6.9v2.1"></path> <path class="svg--filled-main" d="M100.6 83.2v5.6c0 3.8-3.1 6.9-6.9 6.9H71.9c-0.2-1.8-1.3-3.6-2.5-5.2 -1-1.2-2.7-2.4-4.3-2.7l0-4.6"></path> <rect x="14" y="71.6" class="svg--filled-main" width="27.1" height="36.4"></rect> <line class="svg--outline svg--bw" x1="65" y1="83.2" x2="100.6" y2="83.2"></line> <rect x="14" y="71.6" class="svg--outline svg--bw" width="27.1" height="36.4"></rect> <line class="svg--outline svg--bw" x1="100.6" y1="44.9" x2="65" y2="44.9"></line> <path class="svg--filled-main" d="M121.3 1.4v90c8 2.4 16.1 5.3 16.1 14.2V17.4C137.3 8.6 130.1 1.4 121.3 1.4"></path> <path class="svg--filled-light" d="M110.4 62.2c0 2.2-2.3 3.9-5.1 3.9H97c-2.8 0-5.1-1.8-5.1-3.9 0-2.2 2.3-3.9 5.1-3.9h8.3C108.1 58.3 110.4 60.1 110.4 62.2z"></path> <path class="svg--filled-light" d="M110.4 70.1c0 2.2-2.3 3.9-5.1 3.9H97c-2.8 0-5.1-1.8-5.1-3.9s2.3-3.9 5.1-3.9h8.3C108.1 66.2 110.4 68 110.4 70.1z"></path> <path class="svg--filled-light" d="M110.4 78c0 2.2-2.3 3.9-5.1 3.9H97c-2.8 0-5.1-1.8-5.1-3.9 0-2.2 2.3-3.9 5.1-3.9h8.3C108.1 74.1 110.4 75.8 110.4 78z"></path> <path class="svg--filled-light" d="M110.4 85.9c0 2.2-2.3 3.9-5.1 3.9H97c-2.8 0-5.1-1.8-5.1-3.9 0-2.2 2.3-3.9 5.1-3.9h8.3C108.1 82 110.4 83.7 110.4 85.9z"></path> <circle class="svg--filled-light svg--outline" cx="83.1" cy="89.7" r="2.6"></circle> <line class="svg--outline" x1="121" y1="1" x2="121" y2="92.3"></line> <polyline class="svg--outline" points="121 125.6 104.5 125.6 87 125.6 0.9 125.6 0.9 17.5 121 17.5 "></polyline> <path class="svg--outline" d="M121 92.3c9.2 0 16.6 7.5 16.6 16.6s-7.5 16.6-16.6 16.6"></path> <path class="svg--outline" d="M121 0.9c9.2 0 16.6 7.5 16.6 16.6"></path> <line class="svg--outline" x1="137.6" y1="17.5" x2="137.6" y2="109"></line> <line class="svg--outline" x1="73.1" y1="71.6" x2="85.4" y2="71.6"></line> <line class="svg--outline" x1="85.8" y1="63.3" x2="73.1" y2="63.3"></line> <line class="svg--outline" x1="90.2" y1="55.1" x2="73.1" y2="55.1"></line> <path class="svg--outline" d="M65 69.6v-9.1 -5.3V42.5c0-3.8 3.1-6.9 6.9-6.9h6.9 3.5 11.4c3.8 0 6.9 3.1 6.9 6.9v14.6"></path> <path class="svg--outline" d="M70.1 104.5c1.1-1.7 1.8-3.7 1.8-5.9 0-4.5-2.9-8.4-6.9-9.8l0-0.4V71c0-2.8-2.4-5.1-5.2-5.1 -2.9 0-5.2 2.3-5.2 5.1v36.3"></path> <path class="svg--outline" d="M97.4 95.8c0 7.6-5.2 14-12.2 15.8"></path> <path class="svg--outline" d="M110.4 61.9c0 2.2-2.3 3.9-5.1 3.9H97c-2.8 0-5.1-1.8-5.1-3.9 0-2.2 2.3-3.9 5.1-3.9h8.3C108.1 58 110.4 59.7 110.4 61.9z"></path> <path class="svg--outline" d="M110.4 69.8c0 2.2-2.3 3.9-5.1 3.9H97c-2.8 0-5.1-1.8-5.1-3.9 0-2.2 2.3-3.9 5.1-3.9h8.3C108.1 65.9 110.4 67.6 110.4 69.8z"></path> <path class="svg--outline" d="M110.4 77.7c0 2.2-2.3 3.9-5.1 3.9H97c-2.8 0-5.1-1.8-5.1-3.9s2.3-3.9 5.1-3.9h8.3C108.1 73.7 110.4 75.5 110.4 77.7z"></path> <path class="svg--outline" d="M110.4 85.6c0 2.2-2.3 3.9-5.1 3.9H97c-2.8 0-5.1-1.8-5.1-3.9 0-2.2 2.3-3.9 5.1-3.9h8.3C108.1 81.6 110.4 83.4 110.4 85.6z"></path> <path class="svg--outline" d="M100.6 89.5c0 3.8-3.1 6.9-6.9 6.9H72.5"></path> <line class="svg--outline" x1="14" y1="35.7" x2="42.7" y2="35.7"></line> <line class="svg--outline" x1="14" y1="54.8" x2="28.2" y2="54.8"></line> <line class="svg--outline" x1="42.2" y1="45.2" x2="14" y2="45.2"></line></svg>
<p>Service Image</p>
</div>
|
|
| /tools/service-prototype |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 117.8 126" xml:space="preserve"> <path class="svg--filled-main" d="M93.9 90.2H26.2c0 6.7-5.9 12.3-12.6 12.3l68.2-0.2C88.5 102.3 94 96.9 93.9 90.2"></path> <rect x="13.3" y="15.8" class="svg--filled-main" width="25.2" height="21.7"></rect> <line class="svg--outline" x1="93.6" y1="90.2" x2="25.6" y2="90.2"></line> <polyline class="svg--outline" points="0.9 90.2 0.9 0.9 12.6 0.9 25.6 0.9 81.2 0.9 81.2 90.1 "></polyline> <line class="svg--outline" x1="81.2" y1="102.5" x2="13.3" y2="102.5"></line> <path class="svg--filled-light" d="M101.3 98.9c0 5-4.1 9.1-9.1 9.1H71.6c-5 0-9.1-4.1-9.1-9.1V52.5c0-5 4.1-9.1 9.1-9.1h20.6c5 0 9.1 4.1 9.1 9.1V98.9z"></path> <circle class="svg--filled-light" cx="77.7" cy="106.1" r="19.5"></circle> <path class="svg--filled-main" d="M62.5 53.2V51c0-4.1 3.3-7.4 7.4-7.4h23.5c4.1 0 7.4 3.3 7.4 7.4v2.3"></path> <path class="svg--filled-main" d="M100.7 94.5v6c0 4.1-3.3 8.4-7.4 8.4H69.8c-0.2-1.9-1.4-3.9-2.7-5.6 -1.1-1.3-2.9-2.5-4.6-2.9l0-6"></path> <path class="svg--filled-main" d="M116.9 35.8v-6.5c0-4.6-3-9.3-7-11 0 0-5.7 4.6-12.2 0.1 -2.4 0.1-7 6.3-7 10.9v6.5H116.9z"></path> <path class="svg--filled-light" d="M111.3 71.9c0 2.3-2.5 4.2-5.5 4.2h-8.9c-3 0-5.5-1.9-5.5-4.2 0-2.3 2.5-4.2 5.5-4.2h8.9C108.8 67.7 111.3 69.6 111.3 71.9z"></path> <path class="svg--filled-light" d="M111.3 80.4c0 2.3-2.5 4.2-5.5 4.2h-8.9c-3 0-5.5-1.9-5.5-4.2 0-2.3 2.5-4.2 5.5-4.2h8.9C108.8 76.2 111.3 78.1 111.3 80.4z"></path> <path class="svg--filled-light" d="M111.3 88.9c0 2.3-2.5 4.2-5.5 4.2h-8.9c-3 0-5.5-1.9-5.5-4.2 0-2.3 2.5-4.2 5.5-4.2h8.9C108.8 84.6 111.3 86.6 111.3 88.9z"></path> <path class="svg--filled-light" d="M111.3 97.4c0 2.3-2.5 4.2-5.5 4.2h-8.9c-3 0-5.5-1.9-5.5-4.2 0-2.3 2.5-4.2 5.5-4.2h8.9C108.8 93.1 111.3 95 111.3 97.4z"></path> <path class="svg--outline" d="M25.6 90.2c0 6.8-5.5 12.4-12.4 12.4 -6.8 0-12.4-5.5-12.4-12.4"></path> <line class="svg--outline" x1="48.1" y1="16.6" x2="69.8" y2="16.6"></line> <line class="svg--outline" x1="48.1" y1="26.6" x2="69.8" y2="26.6"></line> <line class="svg--outline" x1="48.1" y1="36.7" x2="69.8" y2="36.7"></line> <line class="svg--outline" x1="13.3" y1="61" x2="54.1" y2="61"></line> <line class="svg--outline" x1="13.3" y1="52.1" x2="54.1" y2="52.1"></line> <line class="svg--outline" x1="13.3" y1="70.7" x2="47.3" y2="70.7"></line> <circle class="svg--filled-light svg--outline" cx="81.9" cy="101.5" r="2.8"></circle> <line class="svg--outline" x1="71.1" y1="81.9" x2="84.3" y2="81.9"></line> <line class="svg--outline" x1="84.8" y1="73.1" x2="71.1" y2="73.1"></line> <line class="svg--outline" x1="89.5" y1="64.2" x2="71.1" y2="64.2"></line> <path class="svg--outline" d="M62.5 79.8V70v-5.7V50.6c0-4.1 3.3-7.4 7.4-7.4h7.5 3.8 12.3c4.1 0 7.4 3.3 7.4 7.4v15.7"></path> <path class="svg--filled-light svg--outline" d="M68 117.4c1.2-1.8 1.9-4 1.9-6.3 0-4.9-3.1-9-7.4-10.6l0-0.4V81.3c0-3-2.5-5.5-5.6-5.5 -3.1 0-5.6 2.5-5.6 5.5v39.1"></path> <path class="svg--outline" d="M97.3 108.1c0 8.2-5.6 15.1-13.2 17"></path> <path class="svg--filled-light svg--outline" d="M111.3 71.6c0 2.3-2.5 4.2-5.5 4.2h-8.9c-3 0-5.5-1.9-5.5-4.2 0-2.3 2.5-4.2 5.5-4.2h8.9C108.8 67.3 111.3 69.2 111.3 71.6z"></path> <path class="svg--filled-light svg--outline" d="M111.3 80c0 2.3-2.5 4.2-5.5 4.2h-8.9c-3 0-5.5-1.9-5.5-4.2 0-2.3 2.5-4.2 5.5-4.2h8.9C108.8 75.8 111.3 77.7 111.3 80z"></path> <path class="svg--filled-light svg--outline" d="M111.3 88.5c0 2.3-2.5 4.2-5.5 4.2h-8.9c-3 0-5.5-1.9-5.5-4.2 0-2.3 2.5-4.2 5.5-4.2h8.9C108.8 84.3 111.3 86.2 111.3 88.5z"></path> <path class="svg--outline" d="M100.7 101.3c0 4.1-3.3 7.4-7.4 7.4H70.6"></path> <path class="svg--outline" d="M111.6 12.2c0 4.3-3.5 7.8-7.7 7.8 -4.3 0-7.7-3.5-7.7-7.8V9.5c0-4.3 3.5-7.8 7.7-7.8 4.3 0 7.7 3.5 7.7 7.8V12.2z"></path> <path class="svg--outline" d="M97.5 18.2c-4 1.7-6.8 5.6-6.8 10.2V35h26.2v-6.5c0-4.6-2.8-8.5-6.8-10.2"></path> <rect x="13.3" y="15.8" class="svg--outline svg--bw" width="25.2" height="21.7"></rect> <line class="svg--outline svg--bw" x1="100.7" y1="53.2" x2="62.5" y2="53.2"></line> <line class="svg--outline svg--bw" x1="62.5" y1="94.5" x2="92.8" y2="94.5"></line> <path class="svg--filled-light svg--outline" d="M111.3 97c0 2.3-2.5 4.2-5.5 4.2h-8.9c-3 0-5.5-1.9-5.5-4.2 0-2.3 2.5-4.2 5.5-4.2h8.9C108.8 92.8 111.3 94.7 111.3 97z"></path></svg>
<p>Service Prototype</p>
</div>
|
|
| /tools/service-roadmap |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 137.8 125.9" xml:space="preserve"> <rect x="30.5" y="74.5" class="svg--filled-main" width="21.7" height="8.4"></rect> <rect x="60.6" y="103.7" class="svg--filled-main" width="35.8" height="8.4"></rect> <rect x="71.8" y="45.9" class="svg--filled-main" width="37.8" height="8.4"></rect> <circle class="svg--filled-main" cx="17.1" cy="35.2" r="4.2"></circle> <circle class="svg--filled-main" cx="17.1" cy="78.7" r="4.2"></circle> <circle class="svg--filled-main" cx="17.1" cy="107.9" r="4.2"></circle> <rect x="30.5" y="74.5" class="svg--outline svg--bw" width="21.7" height="8.4"></rect> <rect x="60.6" y="103.7" class="svg--outline svg--bw" width="35.8" height="8.4"></rect> <rect x="71.8" y="45.9" class="svg--outline svg--bw" width="37.8" height="8.4"></rect> <circle class="svg--outline svg--bw" cx="17.1" cy="35.2" r="4.2"></circle> <circle class="svg--outline svg--bw" cx="17.1" cy="78.7" r="4.2"></circle> <circle class="svg--outline svg--bw" cx="17.1" cy="107.9" r="4.2"></circle> <path class="svg--filled-main" d="M120.5 0.3v90.3c8.1 2.4 16.1 5.4 16.1 14.3V16.4C136.6 7.5 129.4 0.3 120.5 0.3"></path> <line class="svg--outline" x1="120.3" y1="1" x2="120.3" y2="91.9"></line> <polyline class="svg--outline" points="120.3 124.9 0.9 124.9 0.9 17.5 119.8 17.5 "></polyline> <path class="svg--outline" d="M120.3 91.9c9.1 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6"></path> <path class="svg--outline" d="M120.3 0.9c9.1 0 16.6 7.4 16.6 16.6"></path> <line class="svg--outline" x1="136.9" y1="17.5" x2="136.9" y2="108.4"></line> <rect x="31.4" y="31" class="svg--outline" width="53.8" height="8.4"></rect> <rect x="60.6" y="74.5" class="svg--outline" width="47.6" height="8.4"></rect> <rect x="30.5" y="103.7" class="svg--outline" width="21.7" height="8.4"></rect> <line class="svg--outline svg--dashed" x1="12.9" y1="63.9" x2="111.4" y2="63.9"></line> <line class="svg--outline svg--dashed" x1="12.9" y1="93.9" x2="111.4" y2="93.9"></line></svg>
<p>Service Roadmap</p>
</div>
|
|
| /tools/service-safari |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.713 126.69" xml:space="preserve"><path class="svg--filled-main" d="M66.15,18.28H12.51v-6.05c0-6.05,4.9-10.95,10.95-10.95H55.2c6.05,0,10.95,4.9,10.95,10.95V18.28z"></path><path class="svg--outline" d="M20.34,99.87c-4.48-1.16-7.82-5.25-7.82-10.08V11.7c0-5.73,4.69-10.41,10.41-10.41h32.81 c5.73,0,10.41,4.69,10.41,10.41v78.09c0,4.29-2.64,8-6.37,9.59"></path><path class="svg--filled-main" d="M54.6,100.2H24.07c-6.38,0-11.55-5.17-11.55-11.55v-8.86h53.64v8.86C66.15,95.03,60.98,100.2,54.6,100.2z"></path><path class="svg--filled-main" d="M134.18,79.79H76.01c-2.25,0-3.96-2.02-3.59-4.24l8.67-52.18c0.29-1.76,1.81-3.04,3.59-3.04h40.82 c1.78,0,3.3,1.29,3.59,3.04l8.67,52.18C138.14,77.77,136.43,79.79,134.18,79.79z"></path><path class="svg--outline" d="M92.66,30.64v-17.3c0-6.87,5.57-12.44,12.44-12.44l0,0c6.87,0,12.44,5.57,12.44,12.44v17.3"></path><path class="svg--outline svg--filled-light" d="M43.57,89.79c0,1.97-1.6,3.57-3.57,3.57s-3.57-1.6-3.57-3.57s1.6-3.57,3.57-3.57S43.57,87.82,43.57,89.79z"></path><path class="svg--filled-main" d="M50.2,28.54H28.47c-2.62,0-4.76,2.14-4.76,4.76v15.31c0,2.62,2.14,4.76,4.76,4.76h13.7l7.54,6.27v-6.27h0.49 c2.62,0,4.76-2.14,4.76-4.76V33.3C54.96,30.68,52.82,28.54,50.2,28.54z"></path><line class="svg--outline" x1="30.4" y1="43.91" x2="42.48" y2="43.91"></line><line class="svg--outline" x1="47.03" y1="37.1" x2="30.4" y2="37.1"></line><path class="svg--filled-light" d="M46.65,99.77l-26.4-0.26c0,0-3.06-7.64-7.62-9.69v-0.41V64.55c0-4.12-2.81-7.5-6.24-7.5s-6.24,3.37-6.24,7.5 v53.39v8.17h30.37c0.16,0.01,0.33,0.02,0.49,0.02s0.33-0.02,0.49-0.02h0.24l-0.01-0.01c8.39-0.38,15.08-7.28,15.08-15.77 C46.81,101.61,46.65,99.77,46.65,99.77z"></path><path class="svg--outline" d="M34.83,125.56c7.31-1.9,12.7-8.55,12.7-16.45v-8.53"></path><path class="svg--outline" d="M18.26,107.28c1.26-1.86,1.99-4.1,1.99-6.51c0-5.04-3.19-9.32-7.67-10.95v-0.41V63.4 c0-3.12-2.63-5.68-5.84-5.68S0.9,60.28,0.9,63.4v46.93"></path><path class="svg--outline" d="M59.78,99.38c-1.24,0.53-2.61,0.82-4.04,0.82H22.93c-0.89,0-1.76-0.11-2.59-0.33"></path><path class="svg--outline svg--bw" d="M12.52,79.79h53.64"></path><path class="svg--outline svg--bw" d="M66.15,18.28H12.51"></path><path class="svg--outline svg--bw" d="M134.18,79.79H76.01c-2.25,0-3.96-2.02-3.59-4.24l8.67-52.18c0.29-1.76,1.81-3.04,3.59-3.04h40.82 c1.78,0,3.3,1.29,3.59,3.04l8.67,52.18C138.14,77.77,136.43,79.79,134.18,79.79z"></path><path class="svg--outline svg--bw" d="M50.2,28.54H28.47c-2.62,0-4.76,2.14-4.76,4.76v15.31c0,2.62,2.14,4.76,4.76,4.76h13.7l7.54,6.27v-6.27h0.49 c2.62,0,4.76-2.14,4.76-4.76V33.3C54.96,30.68,52.82,28.54,50.2,28.54z"></path><path class="svg--filled-light" d="M110.51,98.71V68.07c0-3.98-2.59-7.24-5.77-7.24c-3.17,0-5.76,3.26-5.76,7.24c0-3.98-2.59-7.24-5.77-7.24 c-3.17,0-5.76,3.26-5.76,7.24c0-3.98-2.59-7.24-5.77-7.24s-5.76,3.26-5.76,7.24V50.89c0-3.98-2.59-7.24-5.77-7.24 s-5.76,3.26-5.76,7.24v39.26c-0.13,0.26-0.25,0.52-0.38,0.78l-5.65-9.31c-2.07-3.4-5.97-4.84-8.68-3.19 c-2.71,1.65-3.24,5.78-1.17,9.18l17.07,26.94l0.02-0.01c4.36,6.76,11.94,11.25,20.58,11.25c13.52,0,24.35-10.96,24.35-24.48 C110.52,100.43,110.51,98.71,110.51,98.71z"></path><path class="svg--outline" d="M110.51,98.71V68.07c0-3.98-2.59-7.24-5.77-7.24c-3.17,0-5.76,3.26-5.76,7.24c0-3.98-2.59-7.24-5.77-7.24 c-3.17,0-5.76,3.26-5.76,7.24c0-3.98-2.59-7.24-5.77-7.24s-5.76,3.26-5.76,7.24V50.89c0-3.98-2.59-7.24-5.77-7.24 s-5.76,3.26-5.76,7.24v39.26c-0.13,0.26-0.25,0.52-0.38,0.78l-5.65-9.31c-2.07-3.4-5.97-4.84-8.68-3.19 c-2.71,1.65-3.24,5.78-1.17,9.18l17.07,26.94l0.02-0.01c4.36,6.76,11.94,11.25,20.58,11.25c13.52,0,24.35-10.96,24.35-24.48 C110.52,100.43,110.51,98.71,110.51,98.71z"></path><line class="svg--outline" x1="75.92" y1="68.07" x2="75.92" y2="84.03"></line><line class="svg--outline" x1="87.45" y1="68.07" x2="87.45" y2="84.03"></line><line class="svg--outline" x1="98.98" y1="68.07" x2="98.98" y2="84.03"></line></svg>
<p>Service Safari</p>
</div>
|
|
| /tools/service-specifications |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 103.6 126.5" xml:space="preserve"> <path class="svg--filled-main" d="M14.7 1C14.2 1 13.6 0.9 13 0.9c-6.6 0-12 5.4-12 12 0 6.2 4.7 11.3 10.7 11.9v0.1h82.2V1H14.7z"></path> <rect x="33.4" y="41.5" class="svg--filled-main" width="54.6" height="35.7"></rect> <rect x="33.4" y="41.5" class="svg--outline svg--bw" width="54.6" height="35.7"></rect> <path class="svg--outline" d="M93.8 24.3V0.9H12.1c-6 0-11.2 4.5-11.2 10.5v2.7c0 6 5.2 11 11.2 11h33.7 56.8v100.5H12.1c-6 0-11.2-4.8-11.2-10.8V13"></path> <line class="svg--outline" x1="18.7" y1="26.2" x2="18.7" y2="124.4"></line> <line class="svg--outline" x1="11.7" y1="12.4" x2="84.3" y2="12.4"></line> <line class="svg--outline" x1="43.5" y1="59.2" x2="77.2" y2="59.2"></line> <line class="svg--outline" x1="43.5" y1="50.5" x2="77.2" y2="50.5"></line> <line class="svg--outline" x1="43.5" y1="67.9" x2="66.3" y2="67.9"></line></svg>
<p>Service Specifications</p>
</div>
|
|
| /tools/signal-cards |
<div class="card">
<p class="card__label">enhanced</p>
<svg viewbox="0 0 78 87" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M77.0232 87H24.3061V77.5251H67.5689V19.4311H77.0232V87Z" class="svg--filled-support"></path><path d="M77.0232 87H24.3061V77.5251H67.5689V19.4311H77.0232V87Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M67.5689 9.94934H14.8518V77.5251H67.5689V9.94934Z" class="svg--outline"></path><path d="M21.5076 48.4334H59.3935" class="svg--outline"></path><path d="M21.5076 54.9448H59.3935" class="svg--outline"></path><path d="M21.5076 61.4631H59.3935" class="svg--outline"></path><path d="M21.5076 67.9746H59.3935" class="svg--outline"></path><path d="M21.8583 7.65969C22.2433 8.60855 19.1767 10.3344 19.2386 11.3039C19.3005 12.2734 22.5734 13.621 22.3327 14.5768C22.0921 15.5325 18.5923 15.1268 18.0628 15.9519C17.5334 16.777 19.438 19.7749 18.6542 20.4212C17.8703 21.0676 15.3262 18.6542 14.3774 19.0461C13.4285 19.438 13.2085 22.9378 12.239 22.9997C11.2695 23.0616 10.5407 19.6099 9.62617 19.3692C8.71169 19.1286 6.38078 21.8308 5.53505 21.3151C4.68932 20.7994 6.18825 17.5746 5.50067 16.7977C4.81309 16.0207 1.47143 16.9214 1.08638 15.9657C0.701334 15.01 3.77483 13.291 3.70608 12.3215C3.63732 11.352 0.391921 10.0043 0.632576 9.0486C0.87323 8.09286 4.36616 8.49854 4.90247 7.67344C5.43879 6.84834 3.5273 3.85047 4.31115 3.20414C5.095 2.55781 7.63218 4.97123 8.58105 4.57931C9.52991 4.18739 9.74994 0.687584 10.7194 0.618826C11.6889 0.550067 12.4178 4.01549 13.3735 4.26302C14.3292 4.51055 16.5845 1.79459 17.4303 2.32403C18.276 2.85347 16.8046 6.05074 17.4303 6.82771C18.056 7.60468 21.4801 6.70394 21.8583 7.65969Z" class="svg--filled-support"></path><path d="M21.8583 7.65969C22.2433 8.60855 19.1767 10.3344 19.2386 11.3039C19.3005 12.2734 22.5734 13.621 22.3327 14.5768C22.0921 15.5325 18.5923 15.1268 18.0628 15.9519C17.5334 16.777 19.438 19.7749 18.6542 20.4212C17.8703 21.0676 15.3262 18.6542 14.3774 19.0461C13.4285 19.438 13.2085 22.9378 12.239 22.9997C11.2695 23.0616 10.5407 19.6099 9.62617 19.3692C8.71169 19.1286 6.38078 21.8308 5.53505 21.3151C4.68932 20.7994 6.18825 17.5746 5.50067 16.7977C4.81309 16.0207 1.47143 16.9214 1.08638 15.9657C0.701334 15.01 3.77483 13.291 3.70608 12.3215C3.63732 11.352 0.391921 10.0043 0.632576 9.0486C0.87323 8.09286 4.36616 8.49854 4.90247 7.67344C5.43879 6.84834 3.5273 3.85047 4.31115 3.20414C5.095 2.55781 7.63218 4.97123 8.58105 4.57931C9.52991 4.18739 9.74994 0.687584 10.7194 0.618826C11.6889 0.550067 12.4178 4.01549 13.3735 4.26302C14.3292 4.51055 16.5845 1.79459 17.4303 2.32403C18.276 2.85347 16.8046 6.05074 17.4303 6.82771C18.056 7.60468 21.4801 6.70394 21.8583 7.65969Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M49.6367 21.8583H21.5076V27.0496H49.6367V21.8583Z" class="svg--filled-support"></path><path d="M58.2727 31.4638H21.5076V36.6551H58.2727V31.4638Z" class="svg--filled-support"></path><path d="M49.6367 21.8583H21.5076V27.0496H49.6367V21.8583Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M58.2727 31.4638H21.5076V36.6551H58.2727V31.4638Z" class="svg--outline svg--filled-light svg--bw"></path></svg>
<p>Signal cards</p>
</div>
|
|
| /tools/stakeholders-map |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 157.3 126.5" xml:space="preserve"> <rect x="14.7" y="15.2" class="svg--filled-main" width="141.7" height="110.4"></rect> <rect x="14.7" y="15.2" class="svg--outline svg--bw" width="141.7" height="110.4"></rect> <rect x="0.9" y="0.9" class="svg--outline svg--filled-light" width="140.3" height="110.9"></rect> <path class="svg--filled-main" d="M83.3 71.4V66c0-3.8-2.3-7.1-5.6-8.5H67.2c-3.3 1.4-5.6 4.7-5.6 8.5v5.4c0 0 4.4 2.8 10.9 2.8S83.3 71.4 83.3 71.4z"></path> <path class="svg--outline" d="M78.8 51.9c0 3.6-2.9 6.5-6.4 6.5 -3.5 0-6.4-2.9-6.4-6.5v-2.2c0-3.6 2.9-6.5 6.4-6.5 3.5 0 6.4 2.9 6.4 6.5V51.9z"></path> <path class="svg--outline" d="M61.6 70.7v-5.4c0-3.8 2.3-7.1 5.6-8.5"></path> <path class="svg--outline" d="M77.7 56.8c3.3 1.4 5.6 4.7 5.6 8.5v5.4"></path> <circle class="svg--outline" cx="72.4" cy="54.5" r="19.6"></circle> <circle class="svg--outline" cx="72.4" cy="55" r="31.9"></circle> <circle class="svg--outline" cx="72.4" cy="55" r="45.5"></circle> <circle class="svg--filled-light svg--outline" cx="107.8" cy="31.9" r="13.6"></circle> <circle class="svg--filled-light svg--outline" cx="31.9" cy="86.9" r="13.6"></circle> <circle class="svg--filled-light" cx="50.4" cy="31.9" r="6.4"></circle> <path class="svg--filled-main" d="M115.3 43.6v-3.7c0-2.6-1.6-4.9-3.9-5.9h-7.2c-2.3 1-3.9 3.2-3.9 5.9v3.7c0 0 3.1 1.9 7.5 1.9C112.2 45.5 115.3 43.6 115.3 43.6z"></path> <path class="svg--filled-main" d="M39.4 98.6v-3.7c0-2.6-1.6-4.9-3.9-5.9h-7.2c-2.3 1-3.9 3.2-3.9 5.9v3.7c0 0 3.1 1.9 7.5 1.9C36.3 100.5 39.4 98.6 39.4 98.6z"></path> <circle class="svg--filled-main" cx="50.4" cy="31.9" r="6.4"></circle> <circle class="svg--filled-main" cx="118.6" cy="92.3" r="6.4"></circle> <path class="svg--outline" d="M112.2 30.1c0 2.5-2 4.5-4.4 4.5 -2.4 0-4.4-2-4.4-4.5v-1.5c0-2.5 2-4.5 4.4-4.5 2.4 0 4.4 2 4.4 4.5V30.1z"></path> <path class="svg--outline" d="M100.3 43.1v-3.7c0-2.6 1.6-4.9 3.9-5.9"></path> <path class="svg--outline" d="M111.4 33.5c2.3 1 3.9 3.2 3.9 5.9v3.7"></path> <path class="svg--outline" d="M36.3 85.1c0 2.5-2 4.5-4.4 4.5 -2.4 0-4.4-2-4.4-4.5v-1.5c0-2.5 2-4.5 4.4-4.5 2.4 0 4.4 2 4.4 4.5V85.1z"></path> <path class="svg--outline" d="M24.4 98.1v-3.7c0-2.6 1.6-4.9 3.9-5.9"></path> <path class="svg--outline" d="M35.5 88.5c2.3 1 3.9 3.2 3.9 5.9v3.7"></path> <circle class="svg--outline" cx="107.8" cy="31.9" r="13.6"></circle> <circle class="svg--outline" cx="31.9" cy="86.9" r="13.6"></circle> <circle class="svg--outline svg--bw" cx="118.6" cy="92.3" r="6.4"></circle> <circle class="svg--outline svg--bw" cx="50.4" cy="31.9" r="6.4"></circle></svg>
<p>Stakeholders Map</p>
</div>
|
|
| /tools/success-metrics |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.5 126.5" xml:space="preserve"> <polygon class="svg--filled-main" points="36.9 111.9 13.6 111.9 13.6 101 36.9 101 40.5 106.5 "></polygon> <polygon class="svg--filled-main" points="70.9 111.9 45.9 111.9 49.5 106.5 45.9 101 70.9 101 74.5 106.5 "></polygon> <polygon class="svg--filled-main" points="104.6 111.9 79.6 111.9 83.2 106.5 79.6 101 104.6 101 108.3 106.5 "></polygon> <rect x="19.2" y="30.4" class="svg--filled-main" width="12.2" height="25.8"></rect> <rect x="42" y="37.9" class="svg--filled-main" width="12.2" height="18.3"></rect> <rect x="64.7" y="33.1" class="svg--filled-main" width="12.2" height="23.1"></rect> <rect x="87.5" y="40.2" class="svg--filled-main" width="12.2" height="16"></rect> <polygon class="svg--outline svg--bw" points="36.9 111.9 13.6 111.9 13.6 101 36.9 101 40.5 106.5 "></polygon> <polygon class="svg--outline svg--bw" points="70.9 111.9 45.9 111.9 49.5 106.5 45.9 101 70.9 101 74.5 106.5 "></polygon> <polygon class="svg--outline svg--bw" points="104.6 111.9 79.6 111.9 83.2 106.5 79.6 101 104.6 101 108.3 106.5 "></polygon> <rect x="19.2" y="30.4" class="svg--outline svg--bw" width="12.2" height="25.8"></rect> <rect x="42" y="37.9" class="svg--outline svg--bw" width="12.2" height="18.3"></rect> <rect x="64.7" y="33.1" class="svg--outline svg--bw" width="12.2" height="23.1"></rect> <rect x="87.5" y="40.2" class="svg--outline svg--bw" width="12.2" height="16"></rect> <path class="svg--filled-main" d="M121.6 1V92c8.1 2.4 16.3 5.4 16.3 14.4V17.2C137.9 8.2 130.6 0.9 121.6 1"></path> <path class="svg--outline" d="M137.6 109V17.5c0-9.2-7.5-16.6-16.6-16.6V1v91.4C130.2 92.3 137.6 99.8 137.6 109s-7.5 16.6-16.6 16.6v0h-16.4H87 0.9v-108h118.5"></path> <rect x="19.2" y="77.3" class="svg--outline" width="12.2" height="9.8"></rect> <rect x="42" y="68.8" class="svg--outline" width="12.2" height="18.3"></rect> <rect x="64.7" y="69" class="svg--outline" width="12.2" height="18.1"></rect> <rect x="87.5" y="71.1" class="svg--outline" width="12.2" height="16"></rect> <line class="svg--outline" x1="12.9" y1="56.5" x2="109.9" y2="56.5"></line> <line class="svg--outline" x1="12.9" y1="87.4" x2="109.9" y2="87.4"></line></svg>
<p>Success Metrics</p>
</div>
|
|
| /tools/synthesis-wall |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 157.3 126.5" xml:space="preserve"> <rect x="14.7" y="15.2" class="svg--filled-main" width="141.7" height="110.4"></rect> <rect x="14.7" y="15.2" class="svg--outline svg--bw" width="141.7" height="110.4"></rect> <rect x="0.9" y="0.9" class="svg--outline svg--filled-light" width="140.3" height="110.9"></rect> <rect x="18.4" y="31" class="svg--outline" width="17.3" height="17.3"></rect> <rect x="18.4" y="81.2" class="svg--outline" width="17.3" height="17.3"></rect> <line class="svg--outline" x1="18" y1="21.5" x2="35.7" y2="21.5"></line> <line class="svg--outline" x1="18" y1="15" x2="35.7" y2="15"></line> <rect x="47.8" y="56.1" class="svg--outline" width="17.3" height="17.3"></rect> <line class="svg--outline" x1="47.5" y1="21.5" x2="65.1" y2="21.5"></line> <line class="svg--outline" x1="47.5" y1="15" x2="65.1" y2="15"></line> <rect x="77.3" y="31" class="svg--outline" width="17.3" height="17.3"></rect> <line class="svg--outline" x1="77" y1="21.5" x2="94.6" y2="21.5"></line> <line class="svg--outline" x1="77" y1="15" x2="94.6" y2="15"></line> <rect x="106.7" y="81.2" class="svg--outline" width="17.3" height="17.3"></rect> <line class="svg--outline" x1="106.4" y1="21.5" x2="124" y2="21.5"></line> <line class="svg--outline" x1="106.4" y1="15" x2="124" y2="15"></line> <rect x="18.4" y="56.1" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="47.8" y="31" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="47.8" y="81.2" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="77.3" y="56.1" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="106.7" y="31" class="svg--filled-main" width="17.3" height="17.3"></rect> <rect x="18.4" y="56.1" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="47.8" y="31" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="47.8" y="81.2" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="77.3" y="56.1" class="svg--outline svg--bw" width="17.3" height="17.3"></rect> <rect x="106.7" y="31" class="svg--outline svg--bw" width="17.3" height="17.3"></rect></svg>
<p>Synthesis Wall</p>
</div>
|
|
| /tools/system-map |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 138.5 126.5" xml:space="preserve"> <path class="svg--filled-main" d="M121.3 1v91c8 2.4 16.1 5.4 16.1 14.4V17.1C137.3 8.2 130.1 0.9 121.3 1"></path> <path class="svg--filled-main" d="M37.3 114.1V110c0-2.8-1.7-5.3-4.2-6.4h-7.8c-2.5 1.1-4.2 3.5-4.2 6.4v4.1c0 0 3.3 2.1 8.1 2.1C34 116.1 37.3 114.1 37.3 114.1z"></path> <path class="svg--filled-main" d="M102.5 76.9v-4.1c0-2.8-1.7-5.3-4.2-6.4h-7.8c-2.5 1.1-4.2 3.5-4.2 6.4v4.1c0 0 3.3 2.1 8.1 2.1C99.2 79 102.5 76.9 102.5 76.9z"></path> <path class="svg--filled-main" d="M68.4 52.4v-4.1c0-2.8-1.7-5.3-4.2-6.4h-7.8c-2.5 1.1-4.2 3.5-4.2 6.4v4.1c0 0 3.3 2.1 8.1 2.1C65.1 54.5 68.4 52.4 68.4 52.4z"></path> <polyline class="svg--outline" points="81 103.9 93.5 103.9 93.5 86.7 "></polyline> <polyline class="svg--outline" points="82.1 36.1 93.5 36.1 93.5 48.7 "></polyline> <line class="svg--outline" x1="43.8" y1="103.1" x2="58.4" y2="103.1"></line> <polyline class="svg--outline" points="56.3 99.6 59.4 103.3 56.3 107 "></polyline> <polyline class="svg--outline" points="44.9 73.9 41.8 70.2 44.9 66.4 "></polyline> <polyline class="svg--outline" points="31 53.9 27.3 57 23.5 53.9 "></polyline> <polyline class="svg--outline" points="83.6 39.8 80.5 36.1 83.6 32.4 "></polyline> <polyline class="svg--outline" points="60.3 54.2 60.3 70.1 43.4 70.1 "></polyline> <polyline class="svg--outline" points="27.3 55.5 27.3 35.4 45.8 35.4 "></polyline> <polyline class="svg--outline" points="89.8 88.3 93.5 85.2 97.2 88.3 "></polyline> <line class="svg--outline" x1="121" y1="1" x2="121" y2="92.3"></line> <polyline class="svg--outline" points="121 125.6 104.5 125.6 87 125.6 0.9 125.6 0.9 17.5 120.4 17.5 "></polyline> <path class="svg--outline" d="M121 92.3c9.2 0 16.6 7.5 16.6 16.6s-7.5 16.6-16.6 16.6"></path> <path class="svg--outline" d="M121 0.9c9.2 0 16.6 7.5 16.6 16.6"></path> <line class="svg--outline" x1="137.6" y1="17.5" x2="137.6" y2="109"></line> <path class="svg--outline" d="M34 99.4c0 2.7-2.2 4.9-4.8 4.9 -2.6 0-4.8-2.2-4.8-4.9v-1.7c0-2.7 2.2-4.9 4.8-4.9 2.6 0 4.8 2.2 4.8 4.9V99.4z"></path> <path class="svg--outline" d="M21.1 113.6v-4.1c0-2.8 1.7-5.3 4.2-6.4"></path> <path class="svg--outline" d="M33.1 103.2c2.5 1.1 4.2 3.5 4.2 6.4v4.1"></path> <circle class="svg--outline" cx="29.2" cy="101.4" r="14.7"></circle> <path class="svg--outline" d="M99.2 62.3c0 2.7-2.2 4.9-4.8 4.9 -2.6 0-4.8-2.2-4.8-4.9v-1.7c0-2.7 2.2-4.9 4.8-4.9 2.6 0 4.8 2.2 4.8 4.9V62.3z"></path> <path class="svg--outline" d="M86.2 76.4v-4.1c0-2.8 1.7-5.3 4.2-6.4"></path> <path class="svg--outline" d="M98.3 66c2.5 1.1 4.2 3.5 4.2 6.4v4.1"></path> <circle class="svg--outline" cx="94.4" cy="64.3" r="14.7"></circle> <path class="svg--outline" d="M65.1 37.8c0 2.7-2.2 4.9-4.8 4.9 -2.6 0-4.8-2.2-4.8-4.9v-1.7c0-2.7 2.2-4.9 4.8-4.9 2.6 0 4.8 2.2 4.8 4.9V37.8z"></path> <path class="svg--outline" d="M52.2 51.9v-4.1c0-2.8 1.7-5.3 4.2-6.4"></path> <path class="svg--outline" d="M64.2 41.5c2.5 1.1 4.2 3.5 4.2 6.4v4.1"></path> <circle class="svg--outline" cx="60.3" cy="39.8" r="14.7"></circle> <rect x="64.7" y="97.2" class="svg--filled-main" width="16.3" height="14"></rect> <rect x="18.4" y="63.7" class="svg--filled-main" width="16.3" height="14"></rect> <rect x="64.7" y="97.2" class="svg--outline svg--bw" width="16.3" height="14"></rect> <rect x="18.4" y="63.7" class="svg--outline svg--bw" width="16.3" height="14"></rect></svg>
<p>System Map</p>
</div>
|
|
| /tools/system-scenario |
<div class="card">
<p class="card__label">enhanced</p>
<svg viewbox="0 0 96 87" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M94.6328 74.9526C94.6274 77.9819 93.4215 80.8857 91.2795 83.0278C89.1374 85.1698 86.2336 86.3757 83.2043 86.3811H0.618896V12.1162H94.6741L94.6328 74.9526Z" class="svg--outline"></path><path d="M94.6328 12.068C94.6328 9.0351 93.4294 6.12608 91.2867 3.97954C89.144 1.83299 86.2372 0.624331 83.2042 0.618866V63.4896C86.239 63.4969 89.1469 64.7081 91.2895 66.8572C93.4322 69.0063 94.6346 71.9178 94.6328 74.9526V12.068Z" class="svg--outline svg--filled-support"></path><path d="M94.6328 12.068C94.6328 9.0351 93.4294 6.12608 91.2867 3.97954C89.144 1.83299 86.2372 0.624331 83.2042 0.618866V63.4896C86.239 63.4969 89.1469 64.7081 91.2895 66.8572C93.4322 69.0063 94.6346 71.9178 94.6328 74.9526V12.068Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M30.6687 34.1206V39.2435" class="svg--outline"></path><path d="M36.3279 39.3879H25.0025V49.3724H36.3279V39.3879Z" class="svg--outline"></path><path d="M36.3279 23.9573H25.0025V33.9418H36.3279V23.9573Z" class="svg--filled-support"></path><path d="M47.4883 34.1206V39.2435" class="svg--outline"></path><path d="M53.1544 39.3879H41.829V49.3724H53.1544V39.3879Z" class="svg--filled-support"></path><path d="M69.9809 23.9573H58.6555V33.9418H69.9809V23.9573Z" class="svg--filled-support"></path><path d="M36.3279 23.9573H25.0025V33.9418H36.3279V23.9573Z" class="svg--outline svg--bw"></path><path d="M47.4883 34.1206V39.2435" class="svg--outline"></path><path d="M53.1544 39.3879H41.829V49.3724H53.1544V39.3879Z" class="svg--outline svg--bw"></path><path d="M69.9809 23.9573H58.6555V33.9418H69.9809V23.9573Z" class="svg--outline svg--bw"></path><path d="M53.1544 23.9573H41.829V33.9418H53.1544V23.9573Z" class="svg--outline"></path><path d="M64.3148 34.1206V39.2435" class="svg--outline"></path><path d="M69.9809 39.3879H58.6555V49.3724H69.9809V39.3879Z" class="svg--outline"></path><path d="M11.0366 27.8356C10.257 28.164 9.59143 28.7148 9.12304 29.4192C8.65464 30.1236 8.40419 30.9505 8.40295 31.7964V34.3269H18.5662V31.7964C18.5647 30.9514 18.3149 30.1256 17.8479 29.4214C17.3809 28.7172 16.7173 28.1658 15.9395 27.8356H11.0366Z" class="svg--outline svg--filled-support"></path><path d="M11.0366 27.8356C10.257 28.164 9.59143 28.7148 9.12304 29.4192C8.65464 30.1236 8.40419 30.9505 8.40295 31.7964V34.3269H18.5662V31.7964C18.5647 30.9514 18.3149 30.1256 17.8479 29.4214C17.3809 28.7172 16.7173 28.1658 15.9395 27.8356H11.0366Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M16.5033 25.5114C16.5228 25.9176 16.4595 26.3236 16.3175 26.7047C16.1754 27.0858 15.9575 27.4341 15.6768 27.7285C15.3962 28.0229 15.0587 28.2572 14.6849 28.4174C14.311 28.5775 13.9085 28.6601 13.5018 28.6601C13.0951 28.6601 12.6926 28.5775 12.3187 28.4174C11.9448 28.2572 11.6074 28.0229 11.3267 27.7285C11.0461 27.4341 10.8281 27.0858 10.6861 26.7047C10.544 26.3236 10.4808 25.9176 10.5002 25.5114V24.4662C10.4808 24.0599 10.544 23.6539 10.6861 23.2728C10.8281 22.8917 11.0461 22.5434 11.3267 22.249C11.6074 21.9547 11.9448 21.7203 12.3187 21.5602C12.6926 21.4 13.0951 21.3175 13.5018 21.3175C13.9085 21.3175 14.311 21.4 14.6849 21.5602C15.0587 21.7203 15.3962 21.9547 15.6768 22.249C15.9575 22.5434 16.1754 22.8917 16.3175 23.2728C16.4595 23.6539 16.5228 24.0599 16.5033 24.4662V25.5114Z" class="svg--outline svg--filled-light"></path><path d="M9.1731 56.9021H76.7679" class="svg--outline"></path><path d="M73.6736 52.8381L77.2149 57.0259L73.6736 61.3167" class="svg--outline"></path><path d="M70.0016 61.9768C70.0421 63.7719 69.7236 65.557 69.0647 67.2273C68.4057 68.8975 67.4197 70.4193 66.1645 71.7032C64.9093 72.9871 63.4102 74.0072 61.7552 74.7037C60.1003 75.4002 58.3228 75.759 56.5273 75.759C54.7318 75.759 52.9543 75.4002 51.2994 74.7037C49.6444 74.0072 48.1453 72.9871 46.8901 71.7032C45.6349 70.4193 44.6488 68.8975 43.9899 67.2273C43.331 65.557 43.0125 63.7719 43.053 61.9768H42.9224C42.959 63.4362 42.7031 64.8881 42.17 66.247C41.6368 67.6059 40.837 68.8444 39.8178 69.8895C38.7986 70.9346 37.5806 71.7651 36.2354 72.3322C34.8903 72.8993 33.4453 73.1914 31.9855 73.1914C30.5257 73.1914 29.0807 72.8993 27.7355 72.3322C26.3904 71.7651 25.1723 70.9346 24.1531 69.8895C23.1339 68.8444 22.3342 67.6059 21.801 66.247C21.2678 64.8881 21.012 63.4362 21.0486 61.9768H20.9454C20.9454 63.4358 20.3659 64.8351 19.3342 65.8667C18.3026 66.8984 16.9033 67.4779 15.4443 67.4779C13.9854 67.4779 12.5861 66.8984 11.5545 65.8667C10.5228 64.8351 9.94324 63.4358 9.94324 61.9768" class="svg--outline"></path></svg>
<p>System scenario</p>
</div>
|
|
| /tools/tomorrows-narratives |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 123.2 126.5" xml:space="preserve"> <path class="svg--filled-main" d="M122 113.1V42.6H102v71.3h0.2c-0.1 0.6-0.2 1.1-0.2 1.7 0 5.6 4.5 10.1 10.1 10.1 5.6 0 10.1-4.5 10.1-10.1C122.3 114.7 122.1 113.9 122 113.1z"></path> <rect x="16.3" y="16.8" class="svg--filled-main" width="69.3" height="46.9"></rect> <line class="svg--filled-light" x1="0.9" y1="0.9" x2="102.5" y2="0.9"></line> <path class="svg--outline" d="M112.7 125.6h-101c-5.9 0-10.8-4.4-10.8-10.4V0.9h14.8 14.8H102v1.3 31.1c0 5.2 0 13.6 0 18.8v64.5c0 5.2 4 9 9.1 9h1.3c5.2 0 9.7-3.8 9.7-9V42.5H102"></path> <line class="svg--outline" x1="43.4" y1="109.7" x2="70.6" y2="109.7"></line> <line class="svg--outline" x1="84.6" y1="99" x2="43.4" y2="99"></line> <line class="svg--outline" x1="84.6" y1="88.3" x2="43.4" y2="88.3"></line> <line class="svg--outline" x1="84.6" y1="77.6" x2="43.4" y2="77.6"></line> <polygon class="svg--filled-light" points="27.5 63.8 49.5 40.1 55.3 46.5 69.5 31 85.1 48.2 85.1 64.3 "></polygon> <rect x="16.3" y="16.8" class="svg--outline" width="69.3" height="46.9"></rect> <circle class="svg--outline svg--filled-light" cx="30.5" cy="33.8" r="5.3"></circle> <polyline class="svg--outline" points="72 63.7 50 39.6 28 63.7 "></polyline> <polyline class="svg--outline" points="85.6 47.6 70 30.4 56.3 45.4 "></polyline> <rect x="15.7" y="76" class="svg--filled-main" width="18.5" height="34.7"></rect> <rect x="15.7" y="76" class="svg--outline svg--bw" width="18.5" height="34.7"></rect></svg>
<p>Tomorrow's Narratives</p>
</div>
|
|
| /tools/transition-journey |
<div class="card">
<p class="card__label">enhanced</p>
<svg viewbox="0 0 108 87" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M107.632 10.527H9.46736V87.0069H107.632V10.527Z" class="svg--filled-support"></path><path d="M107.632 10.527H9.46736V87.0069H107.632V10.527Z" class="svg--outline svg--bw"></path><path d="M97.7763 0.623322H0.623306V77.4288H97.7763V0.623322Z" class="svg--outline svg--filled-light"></path><path d="M19.0248 62.5594C19.5441 62.7819 20.0148 63.1043 20.4099 63.5082C21.1944 64.3015 21.637 65.3705 21.6427 66.4862V69.0002C20.276 70.0418 18.603 70.6019 16.8847 70.5931C13.0064 70.5931 11.552 69.0002 11.552 69.0002V66.4862C11.5534 65.6467 11.8017 64.8262 12.266 64.1268C12.7302 63.4273 13.3899 62.8798 14.163 62.5525L19.0248 62.5594Z" class="svg--outline svg--filled-support"></path><path d="M19.0248 62.5594C19.5441 62.7819 20.0148 63.1043 20.4099 63.5082C21.1944 64.3015 21.637 65.3705 21.6427 66.4862V69.0002C20.276 70.0418 18.603 70.6019 16.8847 70.5931C13.0064 70.5931 11.552 69.0002 11.552 69.0002V66.4862C11.5534 65.6467 11.8017 64.8262 12.266 64.1268C12.7302 63.4273 13.3899 62.8798 14.163 62.5525L19.0248 62.5594Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M19.5788 60.2531C19.5983 60.6568 19.5356 61.0601 19.3945 61.4388C19.2535 61.8175 19.037 62.1636 18.7582 62.4561C18.4795 62.7487 18.1442 62.9815 17.7727 63.1407C17.4013 63.2998 17.0014 63.3818 16.5973 63.3818C16.1932 63.3818 15.7933 63.2998 15.4219 63.1407C15.0505 62.9815 14.7152 62.7487 14.4364 62.4561C14.1576 62.1636 13.9412 61.8175 13.8001 61.4388C13.6591 61.0601 13.5964 60.6568 13.6158 60.2531V59.2143C13.5964 58.8107 13.6591 58.4073 13.8001 58.0286C13.9412 57.65 14.1576 57.3039 14.4364 57.0113C14.7152 56.7188 15.0505 56.4859 15.4219 56.3268C15.7933 56.1677 16.1932 56.0856 16.5973 56.0856C17.0014 56.0856 17.4013 56.1677 17.7727 56.3268C18.1442 56.4859 18.4795 56.7188 18.7582 57.0113C19.037 57.3039 19.2535 57.65 19.3945 58.0286C19.5356 58.4073 19.5983 58.8107 19.5788 59.2143V60.2531Z" class="svg--outline svg--filled-light"></path><path d="M16.5939 70.6001C21.6275 70.6001 25.708 66.5195 25.708 61.4859C25.708 56.4523 21.6275 52.3717 16.5939 52.3717C11.5603 52.3717 7.47971 56.4523 7.47971 61.4859C7.47971 66.5195 11.5603 70.6001 16.5939 70.6001Z" class="svg--outline"></path><path d="M45.5846 61.4859H53.8331" class="svg--outline"></path><path d="M31.6294 57.7668V55.426H45.3838V67.5458H31.6294V64.9487V57.7668Z" class="svg--outline"></path><path d="M41.2769 40.7159C42.0501 41.0437 42.7103 41.5911 43.1756 42.2903C43.6409 42.9895 43.8909 43.8098 43.8948 44.6496V47.1637C42.5259 48.2062 40.8505 48.7663 39.1299 48.7566C35.2516 48.7566 33.7972 47.1637 33.7972 47.1637V44.6496C33.801 43.8098 34.051 42.9895 34.5163 42.2903C34.9817 41.5911 35.6418 41.0437 36.4151 40.7159H41.2769Z" class="svg--outline svg--filled-support"></path><path d="M41.2769 40.7159C42.0501 41.0437 42.7103 41.5911 43.1756 42.2903C43.6409 42.9895 43.8909 43.8098 43.8948 44.6496V47.1637C42.5259 48.2062 40.8505 48.7663 39.1299 48.7566C35.2516 48.7566 33.7972 47.1637 33.7972 47.1637V44.6496C33.801 43.8098 34.051 42.9895 34.5163 42.2903C34.9817 41.5911 35.6418 41.0437 36.4151 40.7159H41.2769Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M41.8309 38.4096C41.8309 38.8016 41.7537 39.1898 41.6037 39.5519C41.4537 39.9141 41.2338 40.2431 40.9566 40.5203C40.6795 40.7975 40.3504 41.0174 39.9883 41.1674C39.6261 41.3174 39.238 41.3946 38.846 41.3946C38.454 41.3946 38.0658 41.3174 37.7037 41.1674C37.3415 41.0174 37.0125 40.7975 36.7353 40.5203C36.4581 40.2431 36.2382 39.9141 36.0882 39.5519C35.9382 39.1898 35.861 38.8016 35.861 38.4096V37.3985C35.861 37.0065 35.9382 36.6184 36.0882 36.2562C36.2382 35.8941 36.4581 35.565 36.7353 35.2878C37.0125 35.0106 37.3415 34.7908 37.7037 34.6408C38.0658 34.4908 38.454 34.4135 38.846 34.4135C39.238 34.4135 39.6261 34.4908 39.9883 34.6408C40.3504 34.7908 40.6795 35.0106 40.9566 35.2878C41.2338 35.565 41.4537 35.8941 41.6037 36.2562C41.7537 36.6184 41.8309 37.0065 41.8309 37.3985V38.4096Z" class="svg--outline svg--filled-light"></path><path d="M38.846 48.7566C43.8796 48.7566 47.9601 44.676 47.9601 39.6424C47.9601 34.6088 43.8796 30.5283 38.846 30.5283C33.8124 30.5283 29.7318 34.6088 29.7318 39.6424C29.7318 44.676 33.8124 48.7566 38.846 48.7566Z" class="svg--outline"></path><path d="M67.8298 39.6424H76.0852" class="svg--outline"></path><path d="M53.8815 35.9233V33.5825H67.629V45.7093H53.8815V43.1121V35.9233Z" class="svg--outline"></path><path d="M76.1821 35.9233V33.5825H89.9296V45.7093H76.1821V43.1121V35.9233Z" class="svg--filled-support"></path><path d="M76.1821 35.9233V33.5825H89.9296V45.7093H76.1821V43.1121V35.9233Z" class="svg--outline svg--bw"></path><path d="M63.5774 18.5123C64.0958 18.7398 64.5659 19.0642 64.9626 19.468C65.7443 20.2648 66.182 21.3367 66.1815 22.453V24.9323C64.8164 25.9778 63.1429 26.5405 61.4236 26.5322C57.5591 26.5599 56.0977 24.9323 56.0977 24.9323V22.453C56.0996 21.6127 56.348 20.7914 56.8121 20.091C57.2762 19.3905 57.9357 18.8416 58.7087 18.5123H63.5774Z" class="svg--outline svg--filled-support"></path><path d="M63.5774 18.5123C64.0958 18.7398 64.5659 19.0642 64.9626 19.468C65.7443 20.2648 66.182 21.3367 66.1815 22.453V24.9323C64.8164 25.9778 63.1429 26.5405 61.4236 26.5322C57.5591 26.5599 56.0977 24.9323 56.0977 24.9323V22.453C56.0996 21.6127 56.348 20.7914 56.8121 20.091C57.2762 19.3905 57.9357 18.8416 58.7087 18.5123H63.5774Z" class="svg--outline svg--filled-light svg--bw"></path><path d="M64.1315 16.206C64.151 16.6096 64.0883 17.013 63.9472 17.3917C63.8062 17.7704 63.5897 18.1165 63.3109 18.409C63.0321 18.7015 62.6969 18.9344 62.3254 19.0935C61.954 19.2527 61.5541 19.3347 61.15 19.3347C60.7459 19.3347 60.346 19.2527 59.9746 19.0935C59.6031 18.9344 59.2679 18.7015 58.9891 18.409C58.7103 18.1165 58.4939 17.7704 58.3528 17.3917C58.2118 17.013 58.1491 16.6096 58.1685 16.206V15.1672C58.1491 14.7636 58.2118 14.3602 58.3528 13.9815C58.4939 13.6028 58.7103 13.2567 58.9891 12.9642C59.2679 12.6717 59.6031 12.4388 59.9746 12.2797C60.346 12.1205 60.7459 12.0385 61.15 12.0385C61.5541 12.0385 61.954 12.1205 62.3254 12.2797C62.6969 12.4388 63.0321 12.6717 63.3109 12.9642C63.5897 13.2567 63.8062 13.6028 63.9472 13.9815C64.0883 14.3602 64.151 14.7636 64.1315 15.1672V16.206Z" class="svg--outline svg--filled-light"></path><path d="M61.1466 26.5598C66.1802 26.5598 70.2607 22.4793 70.2607 17.4457C70.2607 12.4121 66.1802 8.33154 61.1466 8.33154C56.1129 8.33154 52.0324 12.4121 52.0324 17.4457C52.0324 22.4793 56.1129 26.5598 61.1466 26.5598Z" class="svg--outline"></path><path d="M83.4402 10.0353L84.8253 14.3984C84.8541 14.4843 84.9089 14.5592 84.9821 14.6126C85.0553 14.6659 85.1434 14.6952 85.234 14.6962H89.8187C89.9092 14.6946 89.9979 14.7222 90.0715 14.7747C90.1452 14.8273 90.2001 14.9022 90.228 14.9883C90.2559 15.0744 90.2555 15.1672 90.2267 15.253C90.1979 15.3388 90.1423 15.4131 90.0681 15.465L86.3559 18.1591C86.2844 18.2134 86.2315 18.2884 86.2042 18.3739C86.1769 18.4594 86.1767 18.5513 86.2035 18.6369L87.5887 23.0001C87.6345 23.0916 87.6456 23.1967 87.6198 23.2957C87.5941 23.3948 87.5332 23.4812 87.4485 23.5387C87.3639 23.5963 87.2612 23.6212 87.1596 23.6087C87.058 23.5963 86.9644 23.5473 86.8961 23.471L83.2809 20.7769C83.209 20.723 83.1215 20.6938 83.0316 20.6938C82.9417 20.6938 82.8542 20.723 82.7823 20.7769L79.0701 23.471C78.9981 23.5236 78.9112 23.552 78.822 23.5521C78.7328 23.5523 78.6459 23.5243 78.5736 23.472C78.5013 23.4197 78.4475 23.3459 78.4197 23.2611C78.392 23.1764 78.3918 23.085 78.4191 23.0001L79.8042 18.6369C79.8314 18.5506 79.8306 18.458 79.802 18.3722C79.7734 18.2864 79.7185 18.2118 79.645 18.1591L75.9328 15.465C75.8586 15.4131 75.803 15.3388 75.7742 15.253C75.7454 15.1672 75.7449 15.0744 75.7729 14.9883C75.8008 14.9022 75.8556 14.8273 75.9293 14.7747C76.003 14.7222 76.0916 14.6946 76.1821 14.6962H80.7738C80.8635 14.6948 80.9505 14.6652 81.0225 14.6118C81.0945 14.5584 81.1481 14.4838 81.1755 14.3984L82.5607 10.0353C82.5607 9.91863 82.607 9.80677 82.6895 9.7243C82.7719 9.64182 82.8838 9.59549 83.0004 9.59549C83.1171 9.59549 83.2289 9.64182 83.3114 9.7243C83.3939 9.80677 83.4402 9.91863 83.4402 10.0353Z" class="svg--filled-support"></path><path d="M83.4402 10.0353L84.8253 14.3984C84.8541 14.4843 84.9089 14.5592 84.9821 14.6126C85.0553 14.6659 85.1434 14.6952 85.234 14.6962H89.8187C89.9092 14.6946 89.9979 14.7222 90.0715 14.7747C90.1452 14.8273 90.2001 14.9022 90.228 14.9883C90.2559 15.0744 90.2555 15.1672 90.2267 15.253C90.1979 15.3388 90.1423 15.4131 90.0681 15.465L86.3559 18.1591C86.2844 18.2134 86.2315 18.2884 86.2042 18.3739C86.1769 18.4594 86.1767 18.5513 86.2035 18.6369L87.5887 23.0001C87.6345 23.0916 87.6456 23.1967 87.6198 23.2957C87.5941 23.3948 87.5332 23.4812 87.4485 23.5387C87.3639 23.5963 87.2612 23.6212 87.1596 23.6087C87.058 23.5963 86.9644 23.5473 86.8961 23.471L83.2809 20.7769C83.209 20.723 83.1215 20.6938 83.0316 20.6938C82.9417 20.6938 82.8542 20.723 82.7823 20.7769L79.0701 23.471C78.9981 23.5236 78.9112 23.552 78.822 23.5521C78.7328 23.5523 78.6459 23.5243 78.5736 23.472C78.5013 23.4197 78.4475 23.3459 78.4197 23.2611C78.392 23.1764 78.3918 23.085 78.4191 23.0001L79.8042 18.6369C79.8314 18.5506 79.8306 18.458 79.802 18.3722C79.7734 18.2864 79.7185 18.2118 79.645 18.1591L75.9328 15.465C75.8586 15.4131 75.803 15.3388 75.7742 15.253C75.7454 15.1672 75.7449 15.0744 75.7729 14.9883C75.8008 14.9022 75.8556 14.8273 75.9293 14.7747C76.003 14.7222 76.0916 14.6946 76.1821 14.6962H80.7738C80.8635 14.6948 80.9505 14.6652 81.0225 14.6118C81.0945 14.5584 81.1481 14.4838 81.1755 14.3984L82.5607 10.0353C82.5607 9.91863 82.607 9.80677 82.6895 9.7243C82.7719 9.64182 82.8838 9.59549 83.0004 9.59549C83.1171 9.59549 83.2289 9.64182 83.3114 9.7243C83.3939 9.80677 83.4402 9.91863 83.4402 10.0353Z" class="svg--outline svg--bw"></path><path d="M60.5163 55.4121V48.4588" class="svg--outline"></path><path d="M57.102 51.0905L60.4748 48.2372L63.9307 51.0905" class="svg--outline"></path><path d="M83.0593 33.1877V26.2413" class="svg--outline"></path><path d="M79.645 28.8661L83.0178 26.0127L86.4737 28.8661" class="svg--outline"></path><path d="M53.937 57.7668V55.426H67.6844V67.5458H53.937V64.9487V57.7668Z" class="svg--filled-support"></path><path d="M53.937 57.7668V55.426H67.6844V67.5458H53.937V64.9487V57.7668Z" class="svg--outline svg--bw"></path></svg>
<p>Transition Journey</p>
</div>
|
|
| /tools/user-scenarios |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 137.8 125.9" xml:space="preserve"> <path class="svg--filled-main" d="M30 80.7V77c0-2.6-1.6-4.8-3.8-5.8h-7.1c-2.2 1-3.8 3.2-3.8 5.8v3.7H30z"></path> <path class="svg--filled-main" d="M30 110.3v-3.7c0-2.6-1.6-4.8-3.8-5.8h-7.1c-2.2 1-3.8 3.2-3.8 5.8v3.7H30z"></path> <path class="svg--filled-main" d="M120.5 0.3v90.3c8.1 2.4 16.1 5.4 16.1 14.3V16.4C136.6 7.5 129.4 0.3 120.5 0.3"></path> <path class="svg--filled-main" d="M30 51v-3.7c0-2.6-1.6-4.8-3.8-5.8h-7.1c-2.2 1-3.8 3.2-3.8 5.8V51H30z"></path> <path class="svg--outline" d="M19.1 70.8c-2.2 1-3.8 3.2-3.8 5.8v3.7H30v-3.7c0-2.6-1.6-4.8-3.8-5.8"></path> <path class="svg--outline" d="M19.1 100.4c-2.2 1-3.8 3.2-3.8 5.8v3.7H30v-3.7c0-2.6-1.6-4.8-3.8-5.8"></path> <line class="svg--outline" x1="120.3" y1="1" x2="120.3" y2="91.9"></line> <polyline class="svg--outline" points="120.3 124.9 0.9 124.9 0.9 17.5 119.8 17.5 "></polyline> <path class="svg--outline" d="M120.3 91.9c9.1 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6"></path> <path class="svg--outline" d="M120.3 0.9c9.1 0 16.6 7.4 16.6 16.6"></path> <line class="svg--outline" x1="136.9" y1="17.5" x2="136.9" y2="108.4"></line> <line class="svg--outline" x1="58.2" y1="42.7" x2="67.7" y2="42.7"></line> <rect x="67.7" y="35.5" class="svg--outline" width="16.5" height="14.5"></rect> <line class="svg--outline" x1="84.2" y1="42.7" x2="92.3" y2="42.7"></line> <line class="svg--outline" x1="58.2" y1="72.4" x2="67.7" y2="72.4"></line> <rect x="67.7" y="65.1" class="svg--outline" width="16.5" height="14.5"></rect> <line class="svg--outline" x1="84.2" y1="72.4" x2="92.3" y2="72.4"></line> <line class="svg--outline" x1="58.2" y1="102" x2="67.7" y2="102"></line> <rect x="67.7" y="94.8" class="svg--outline" width="16.5" height="14.5"></rect> <line class="svg--outline" x1="84.2" y1="102" x2="92.3" y2="102"></line> <path class="svg--outline" d="M27 37.7c0 2.4-2 4.4-4.4 4.4 -2.4 0-4.4-2-4.4-4.4v-1.5c0-2.4 2-4.4 4.4-4.4 2.4 0 4.4 2 4.4 4.4V37.7z"></path> <path class="svg--outline" d="M19.1 41.1c-2.2 1-3.8 3.2-3.8 5.8v3.7H30v-3.7c0-2.6-1.6-4.8-3.8-5.8"></path> <path class="svg--outline" d="M27 67.4c0 2.4-2 4.4-4.4 4.4 -2.4 0-4.4-2-4.4-4.4v-1.5c0-2.4 2-4.4 4.4-4.4 2.4 0 4.4 2 4.4 4.4V67.4z"></path> <path class="svg--outline" d="M27 97c0 2.4-2 4.4-4.4 4.4 -2.4 0-4.4-2-4.4-4.4v-1.5c0-2.4 2-4.4 4.4-4.4 2.4 0 4.4 2 4.4 4.4V97z"></path> <rect x="92.8" y="35.5" class="svg--filled-main" width="16.5" height="14.5"></rect> <rect x="41.5" y="35.5" class="svg--filled-main" width="16.5" height="14.5"></rect> <rect x="92.8" y="65.1" class="svg--filled-main" width="16.5" height="14.5"></rect> <rect x="41.5" y="65.1" class="svg--filled-main" width="16.5" height="14.5"></rect> <rect x="92.8" y="94.8" class="svg--filled-main" width="16.5" height="14.5"></rect> <rect x="41.5" y="94.8" class="svg--filled-main" width="16.5" height="14.5"></rect> <rect x="92.8" y="35.5" class="svg--outline svg--bw" width="16.5" height="14.5"></rect> <rect x="41.5" y="35.5" class="svg--outline svg--bw" width="16.5" height="14.5"></rect> <rect x="92.8" y="65.1" class="svg--outline svg--bw" width="16.5" height="14.5"></rect> <rect x="41.5" y="65.1" class="svg--outline svg--bw" width="16.5" height="14.5"></rect> <rect x="92.8" y="94.8" class="svg--outline svg--bw" width="16.5" height="14.5"></rect> <rect x="41.5" y="94.8" class="svg--outline svg--bw" width="16.5" height="14.5"></rect></svg>
<p>User Scenarios</p>
</div>
|
|
| /tools/user-stories |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 157.3 126.5" xml:space="preserve"> <rect x="14.7" y="15.2" class="svg--filled-main" width="141.7" height="110.4"></rect> <rect x="14.7" y="15.2" class="svg--outline svg--bw" width="141.7" height="110.4"></rect> <rect x="0.9" y="0.9" class="svg--filled-light svg--outline" width="140.3" height="110.9"></rect> <rect x="18.4" y="55.1" class="svg--filled-main" width="25.2" height="17.3"></rect> <rect x="58.5" y="28" class="svg--filled-main" width="25.2" height="17.3"></rect> <rect x="58.5" y="82.2" class="svg--filled-main" width="25.2" height="17.3"></rect> <rect x="98.6" y="28" class="svg--filled-main" width="25.2" height="17.3"></rect> <path class="svg--filled-main" d="M39.5 42.2v-4c0-2.8-1.7-5.2-4.2-6.3h-7.8c-2.4 1-4.2 3.5-4.2 6.3v4c0 0 3.3 2 8 2C36.2 44.2 39.5 42.2 39.5 42.2z"></path> <rect x="18.4" y="55.1" class="svg--outline svg--bw" width="25.2" height="17.3"></rect> <rect x="58.5" y="28" class="svg--outline svg--bw" width="25.2" height="17.3"></rect> <rect x="58.5" y="82.2" class="svg--outline svg--bw" width="25.2" height="17.3"></rect> <rect x="98.6" y="28" class="svg--outline svg--bw" width="25.2" height="17.3"></rect> <line class="svg--filled-light svg--outline" x1="61.5" y1="15" x2="79.1" y2="15"></line> <line class="svg--filled-light svg--outline" x1="102" y1="15" x2="119.6" y2="15"></line> <path class="svg--outline" d="M36.2 27.8c0 2.6-2.1 4.8-4.8 4.8 -2.6 0-4.8-2.2-4.8-4.8v-1.7c0-2.6 2.1-4.8 4.8-4.8 2.6 0 4.8 2.2 4.8 4.8V27.8z"></path> <path class="svg--outline" d="M23.4 41.7v-4c0-2.8 1.7-5.2 4.2-6.3"></path> <path class="svg--outline" d="M35.3 31.4c2.4 1 4.2 3.5 4.2 6.3v4"></path> <circle class="svg--outline" cx="31.4" cy="29.7" r="14.5"></circle> <rect x="18.4" y="82.2" class="svg--filled-light svg--outline" width="25.2" height="17.3"></rect> <rect x="58.5" y="55.1" class="svg--filled-light svg--outline" width="25.2" height="17.3"></rect> <rect x="98.6" y="55.1" class="svg--filled-light svg--outline" width="25.2" height="17.3"></rect> <rect x="98.6" y="82.2" class="svg--filled-light svg--outline" width="25.2" height="17.3"></rect></svg>
<p>User Stories</p>
</div>
|
|
| /tools/value-proposition-canvas |
<div class="card">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 157.3 126.5" xml:space="preserve"> <rect x="14.7" y="15.2" class="svg--filled-main" width="141.7" height="110.4"></rect> <rect x="14.7" y="15.2" class="svg--outline svg--bw" width="141.7" height="110.4"></rect> <rect x="0.9" y="0.9" class="svg--outline svg--filled-light" width="140.3" height="110.9"></rect> <polyline class="svg--filled-main" points="72.7 34.7 98.9 60.9 72.7 87 "></polyline> <line class="svg--outline" x1="125" y1="60.9" x2="98.8" y2="60.9"></line> <polyline class="svg--outline" points="72.7 34.7 98.9 60.9 72.7 87 "></polyline> <rect x="72.7" y="34.7" class="svg--outline" width="52.3" height="52.3"></rect> <line class="svg--outline" x1="11.3" y1="32.9" x2="36.7" y2="32.9"></line> <line class="svg--outline" x1="41.5" y1="33" x2="56.7" y2="33"></line> <line class="svg--outline" x1="11.3" y1="68" x2="55.8" y2="68"></line> <line class="svg--outline" x1="11.3" y1="19.9" x2="26.5" y2="19.9"></line> <rect x="11.3" y="45.7" class="svg--filled-main" width="44.5" height="9.6"></rect> <rect x="11.3" y="80.1" class="svg--filled-main" width="30.2" height="9.6"></rect> <rect x="11.3" y="45.7" class="svg--outline svg--bw" width="44.5" height="9.6"></rect> <rect x="11.3" y="80.1" class="svg--outline svg--bw" width="30.2" height="9.6"></rect></svg>
<p>Value Proposition Canvas</p>
</div>
|
|
| /assets/images/uploads/tools_provenance.pdf |
Download map
|
|
| /policy |
Cookie policy
|
|
| /policy |
Cookie Policy
|
|
Внешние ссылки
Кол-во: 4
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 4 оптимально.
Показать внешние ссылки
| Url | Анкор |
|---|---|
| oblo.typeform.com |
contribute
|
| oblo.design |
oblo.design
|
| twitter.com |
<svg class="twitter" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 36 36" xml:space="preserve">
<circle class="svg--filled-light" cx="18" cy="18" r="18"></circle>
<path class="svg--filled-dark" d="M27 14.4c-0.6 0.2-1.2 0.4-1.9 0.5 0.7-0.4 1.2-1 1.4-1.7 -0.6 0.3-1.3 0.6-2.1 0.7 -0.6-0.6-1.4-1-2.4-1 -1.8 0-3.3 1.4-3.3 3 0 0.2 0 0.5 0.1 0.7 -2.7-0.1-5.1-1.3-6.8-3.2 -0.3 0.4-0.4 1-0.4 1.5 0 1 0.6 2 1.5 2.5 -0.5 0-1-0.2-1.5-0.4v0c0 0.4 0.1 0.8 0.2 1.1 0.4 0.9 1.3 1.7 2.4 1.9 -0.3 0.1-0.6 0.1-0.9 0.1 -0.2 0-0.4 0-0.6-0.1 0.4 1.2 1.6 2.1 3.1 2.1 -1.1 0.8-2.5 1.3-4.1 1.3 -0.3 0-0.5 0-0.8 0 1.5 0.9 3.2 1.4 5 1.4 5.1 0 8.3-3.3 9.1-6.8 0.1-0.6 0.2-1.2 0.2-1.8 0-0.1 0-0.3 0-0.4C26 15.6 26.6 15 27 14.4"></path>
</svg>
|
| linkedin.com |
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 35 35" xml:space="preserve" class="linkedin">
<circle class="svg--filled-main" cx="17.5" cy="17.5" r="17.5"></circle>
<rect x="10" y="12.8" class="svg--filled-light" width="3.8" height="10.3"></rect>
<path class="svg--filled-light" d="M24.9,14.5c-0.7-0.7-1.7-1.1-2.9-1.1c-0.4,0-0.8,0-1.2,0.1c-0.4,0.1-0.7,0.2-0.9,0.4c-0.2,0.2-0.4,0.3-0.6,0.5c-0.1,0.1-0.3,0.3-0.4,0.5v-1.3h-3.4l0,0.5c0,0.3,0,1.2,0,2.8c0,1.6,0,3.6,0,6.2h3.4v-5.3c0-0.3,0-0.6,0.1-0.8c0.1-0.3,0.4-0.6,0.7-0.8c0.3-0.2,0.7-0.3,1.1-0.3c0.6,0,1,0.2,1.3,0.6c0.3,0.4,0.4,0.9,0.4,1.6v5.1H26v-5.4C26,16.2,25.6,15.2,24.9,14.5"></path>
<path class="svg--filled-light" d="M11.9,9c-0.6,0-1,0.2-1.4,0.5c-0.4,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2c0.3,0.3,0.8,0.5,1.4,0.5h0c0.6,0,1.1-0.2,1.4-0.5c0.4-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2C13,9.2,12.5,9,11.9,9"></path>
</svg>
|
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Страница https://servicedesigntools.org/tools готова к продвижению на 64%. Чтобы еще улучшить страницу и попасть на первые места поисковой выдачи необходимо:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: