Анализ сайта goodputty.com
Основное Готовность: 75%
Домен
goodputty.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://goodputty.com
302 Found
https://portraitsbyjunyi.com/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 04.10.2026 22:45:22.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~1,00сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,00сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
292Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 292Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 47
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 47 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | https://portraitsbyjunyi.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css | |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/base.css?v=159841507637079171801769973895 |
| stylesheet | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-cart-items.css?v=123238115697927560811769973895 | |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-localization-form.css?v=170315343355214948141769973895 |
| stylesheet | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-predictive-search.css?v=118923337488134913561769973895 | |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-slideshow.css?v=17933591812325749411769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-slider.css?v=14039311878856620671769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-social.css?v=35792976012981934991769973895 |
| stylesheet | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-menu.css?v=151968516119678728991769973895 | |
| stylesheet | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-search.css?v=165164710990765432851769973895 | |
| stylesheet | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-menu-drawer.css?v=147478906057189667651769973895 | |
| stylesheet | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-cart-notification.css?v=54116361853792938221769973895 | |
| stylesheet | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-price.css?v=70172745017360139101769973895 | |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/section-rich-text.css?v=155250126305810049721769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/section-multicolumn.css?v=81420361875458722681769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-slider.css?v=14039311878856620671769973895 |
| stylesheet | https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,300;1,6..72,400&display=swap | |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/section-rich-text.css?v=155250126305810049721769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/section-contact-form.css?v=124756058432495035521769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/section-footer.css?v=60318643098753476351769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-newsletter.css?v=4727253280200485261769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-menu.css?v=151968516119678728991769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-payment.css?v=69253961410771838501769973895 |
| stylesheet | text/css | //portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-social.css?v=35792976012981934991769973895 |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/constants.js?v=132983761750457495441769973895 | |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/pubsub.js?v=25310214064522200911769973895 | |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/global.js?v=184345515105158409801769973895 | |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/details-disclosure.js?v=13653116266235556501769973895 | |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/details-modal.js?v=25581673532751508451769973895 | |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/search-form.js?v=133129549252120666541769973895 | |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/animations.js?v=88693664871331136111769973895 | |
| js | /checkouts/internal/preloads.js?locale=en-NL | |
| js | https://shop.app/checkouts/internal/preloads.js?locale=en-NL&shop_id=91942584665 | |
| js | module | //portraitsbyjunyi.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js |
| js | //portraitsbyjunyi.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js | |
| js | //portraitsbyjunyi.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812 | |
| js | //cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js | |
| js | text/javascript | https://portraitsbyjunyi.com/cdn/shopifycloud/privacy-banner/storefront-banner.js |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/compiled_assets/scripts.js?v=90487813905515327061769973895 | |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/localization-form.js?v=144176611646395275351769973895 | |
| js | https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js | |
| js | text/javascript | https://cdn.shopify.com/extensions/01a0356b-5f36-7584-8cde-64dd990247e7/forms-2516/assets/shopify-forms-loader.js |
| js | https://portraitsbyjunyi.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.4.min.js | |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/cart-notification.js?v=133508293167896966491769973895 | |
| js | module | //portraitsbyjunyi.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js |
| js | //portraitsbyjunyi.com/cdn/shop/t/6/assets/predictive-search.js?v=57209189334897115771769973895 | |
| js | module | https://cdn.shopify.com/storefront/standard-actions.js |
Серверные заголовки
Кол-во: 25
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 25шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Mon, 24 Aug 2026 22:55:32 GMT |
| x-download-options | noopen |
| X-Request-ID | 7632cf05-ea3e-41e5-957e-6add336c92cb-1787612132 |
| x-permitted-cross-domain-policies | none |
| Link | <https://cdn.shopify.com>; rel="preconnect", <https://cdn.shopify.com>; rel="preconnect"; crossorigin, <//portraitsbyjunyi.com/cdn/shop/t/6/assets/base.css?v=159841507637079171801769973895>; as="style"; rel="preload", <//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-localization-form.css?v=170315343355214948141769973895>; as="style"; rel="preload", <https://portraitsbyjunyi.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css>; as="style"; rel="preload"; crossorigin, <//portraitsbyjunyi.com/cdn/shop/files/Logo-junyi.png?v=1738956317&width=600>; as="image"; rel="preload"; imagesrcset="//portraitsbyjunyi.com/cdn/shop/files/Logo-junyi.png?v=1738956317&width=100 100w, //portraitsbyjunyi.com/cdn/shop/files/Logo-junyi.png?v=1738956317&width=150 150w, //portraitsbyjunyi.com/cdn/shop/files/Logo-junyi.png?v=1738956317&width=200 200w"; imagesizes="(max-width: 200px) 50vw, 100px" |
| Set-Cookie | localization=NL; path=/; expires=Tue, 24 Aug 2027 22:55:32 GMT |
| nel | {"report_to":"cf-nel","success_fraction":0.01,"max_age":604800} |
| shopify-complexity-score | 480 |
| shopify-complexity-score-v2 | 48 |
| X-Frame-Options | DENY |
| Content-Security-Policy | block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests; |
| Strict-Transport-Security | max-age=7889238 |
| Vary | accept-encoding |
| Alt-Svc | h3=":443" |
| accept-ch | Sec-CH-Viewport-Width |
| powered-by | Shopify |
| Server-Timing | processing;dur=55;desc="gc:2", db;dur=28, asn;desc="200044", edge;desc="HEL", country;desc="RU", theme;desc="194485027161", pageType;desc="index", servedBy;desc="zlwb", requestID;desc="7632cf05-ea3e-41e5-957e-6add336c92cb-1787612132", _y;desc="499ea460-d185-4e40-93f2-bce4d1cdd3a0", _s;desc="d245c028-2b6d-4f2a-9b39-af9a7de2c0e2", _cmp;desc="3.AMPS_RU_f_f_DjmfAKyUQ1SaB8u9yNqy4w", compressionLevel;desc="5" |
| x-dc | gcp-europe-west4,gcp-europe-west4,gcp-europe-west4 |
| X-XSS-Protection | 1; mode=block |
| cf-cache-status | DYNAMIC |
| Server | cloudflare |
| report-to | {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=QiH%2FeweYoRnyTnmj6kQ1PANlXxVEp8WEB0Poe2P428USeuKfogp2TwDRDx%2B8%2FOBtm%2FIJDW2OKrW3QjtwM29BHJpQbRqcFjJOZsVBjBIQi0Jl4W3hHBRLqiBfj%2BXMuZK38UR0v0fh"}]} |
| X-Content-Type-Options | nosniff |
| ETag | W/"page_cache:91942584665:IndexController:5f20f12fbcb67dd1db34effef8c2b950:8ed9bdaafcec38066a5e2537fed99223" |
| cf-ray | a305f1f558dc5325-HEL |
CMS
Shopify
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
Сайт работает на CMS Shopify.
Веб-сервер
Cloudflare
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Cloudflare.
Мета-теги Готовность: 38%
Title
Portraits by Jun-Yi - Watercolour Portraits of the People You Love
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Устраните дубли в title: portraits(2)
Необходимо уменьшить число символов в title (текущее значение: 74, оптимально: от 40 до 45)
Description
Hand-painted watercolour portraits of the people and moments you want to hold onto. Commissions, live painting, and personalised cards. Based in Hoorn, ships worldwide.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 168, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://portraitsbyjunyi.com/
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width,initial-scale=1
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 9
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:site_name | Portraits by Jun-Yi |
| og:url | https://portraitsbyjunyi.com/ |
| og:title | Portraits by Jun-Yi - Watercolour Portraits of the People You Love |
| og:type | website |
| og:description | Hand-painted watercolour portraits of the people and moments you want to hold onto. Commissions, live painting, and personalised cards. Based in Hoorn, ships worldwide. |
| og:image | http://portraitsbyjunyi.com/cdn/shop/files/custom-watercolour-portrait-family.jpg?v=1742996007 |
| og:image:secure_url | https://portraitsbyjunyi.com/cdn/shop/files/custom-watercolour-portrait-family.jpg?v=1742996007 |
| og:image:width | 4050 |
| og:image:height | 2700 |
Все мета-теги
Кол-во: 22
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 22шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | google-site-verification | 3sscOcCTIz5QXx4oILWvrU5IaewBcKIZ00X0IOfUAlk |
| name | viewport | width=device-width,initial-scale=1 |
| name | theme-color | |
| name | description | Hand-painted watercolour portraits of the people and moments you want to hold onto. Commissions, live painting, and personalised cards. Based in Hoorn, ships worldwide. |
| name | twitter:card | summary_large_image |
| name | twitter:title | Portraits by Jun-Yi - Watercolour Portraits of the People You Love |
| name | twitter:description | Hand-painted watercolour portraits of the people and moments you want to hold onto. Commissions, live painting, and personalised cards. Based in Hoorn, ships worldwide. |
| name | google-site-verification | qDHUCFPW2uBt4NdKUGy9Be3tGQmLNmKAsP6fQXciIoo |
| name | shopify-digital-wallet | /91942584665/digital_wallets/dialog |
| name | shopify-checkout-api-token | 5f23d2fc700e36df8845580d824ba0dd |
| name | shopify-y | 499ea460-d185-4e40-93f2-bce4d1cdd3a0 |
| name | shopify-s | d245c028-2b6d-4f2a-9b39-af9a7de2c0e2 |
| name | new-cookie-storage-activated | f |
| property | og:site_name | Portraits by Jun-Yi |
| property | og:url | https://portraitsbyjunyi.com/ |
| property | og:title | Portraits by Jun-Yi - Watercolour Portraits of the People You Love |
| property | og:type | website |
| property | og:description | Hand-painted watercolour portraits of the people and moments you want to hold onto. Commissions, live painting, and personalised cards. Based in Hoorn, ships worldwide. |
| property | og:image | http://portraitsbyjunyi.com/cdn/shop/files/custom-watercolour-portrait-family.jpg?v=1742996007 |
| property | og:image:secure_url | https://portraitsbyjunyi.com/cdn/shop/files/custom-watercolour-portrait-family.jpg?v=1742996007 |
| property | og:image:width | 4050 |
| property | og:image:height | 2700 |
Оптимизация Готовность: 92%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).
Контент
Ошибок нет
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 6 встречаются в тексте достаточно.
Абзацев с текстом 36 достаточно.
Среднее число слов в абзаце 18 достаточно.
Кол-во знаков контента 5040 на странице оптимально.
Кол-во слов 890 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 2. Это прекрасно.
На странице присутствуют заголовки <h2> 8. Это хорошо.
На странице присутствуют заголовки <h3> 3.
Тошнота
4
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
11,35%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота страницы в пределах нормы.
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| portrait | 16 | 1,80% |
| portraits | 11 | 1,24% |
| painting | 6 | 0,67% |
| united | 6 | 0,67% |
| studio | 5 | 0,56% |
| jun-yi | 5 | 0,56% |
| design | 4 | 0,45% |
| anniversary | 4 | 0,45% |
| special | 4 | 0,45% |
| commission | 4 | 0,45% |
| contact | 4 | 0,45% |
| netherlands | 4 | 0,45% |
| search | 4 | 0,45% |
| painted | 4 | 0,45% |
| birthday | 3 | 0,34% |
| family | 3 | 0,34% |
| people | 3 | 0,34% |
| greeting | 3 | 0,34% |
| person | 3 | 0,34% |
| policy | 3 | 0,34% |
Индексация Готовность: 30%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 154 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 299069 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://goodputty.com/robots.txt
302 Found
https://portraitsbyjunyi.com/
200 OK
Показать содержимое robots.txt
<!doctype html>
<html class="js" lang="en">
<head>
<meta name="google-site-verification" content="3sscOcCTIz5QXx4oILWvrU5IaewBcKIZ00X0IOfUAlk" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://portraitsbyjunyi.com/"><link rel="icon" type="image/png" href="//portraitsbyjunyi.com/cdn/shop/files/Logo-junyi-for-circles-transparent.png?crop=center&height=32&v=1738227100&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
Portraits by Jun-Yi - Watercolour Portraits of the People You Love
</title>
<meta name="description" content="Hand-painted watercolour portraits of the people and moments you want to hold onto. Commissions, live painting, and personalised cards. Based in Hoorn, ships worldwide.">
<meta property="og:site_name" content="Portraits by Jun-Yi">
<meta property="og:url" content="https://portraitsbyjunyi.com/">
<meta property="og:title" content="Portraits by Jun-Yi - Watercolour Portraits of the People You Love">
<meta property="og:type" content="website">
<meta property="og:description" content="Hand-painted watercolour portraits of the people and moments you want to hold onto. Commissions, live painting, and personalised cards. Based in Hoorn, ships worldwide."><meta property="og:image" content="http://portraitsbyjunyi.com/cdn/shop/files/custom-watercolour-portrait-family.jpg?v=1742996007">
<meta property="og:image:secure_url" content="https://portraitsbyjunyi.com/cdn/shop/files/custom-watercolour-portrait-family.jpg?v=1742996007">
<meta property="og:image:width" content="4050">
<meta property="og:image:height" content="2700"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Portraits by Jun-Yi - Watercolour Portraits of the People You Love">
<meta name="twitter:description" content="Hand-painted watercolour portraits of the people and moments you want to hold onto. Commissions, live painting, and personalised cards. Based in Hoorn, ships worldwide.">
<script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/constants.js?v=132983761750457495441769973895" defer="defer"></script>
<script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/pubsub.js?v=25310214064522200911769973895" defer="defer"></script>
<script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/global.js?v=184345515105158409801769973895" defer="defer"></script>
<script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/details-disclosure.js?v=13653116266235556501769973895" defer="defer"></script>
<script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/details-modal.js?v=25581673532751508451769973895" defer="defer"></script>
<script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/search-form.js?v=133129549252120666541769973895" defer="defer"></script><script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/animations.js?v=88693664871331136111769973895" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="qDHUCFPW2uBt4NdKUGy9Be3tGQmLNmKAsP6fQXciIoo">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/91942584665/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="5f23d2fc700e36df8845580d824ba0dd">
<meta id="in-context-paypal-metadata" data-shop-id="91942584665" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://portraitsbyjunyi.com/">
<link rel="alternate" hreflang="en" href="https://portraitsbyjunyi.com/">
<link rel="alternate" hreflang="nl" href="https://portraitsbyjunyi.com/nl">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-NL"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-NL&shop_id=91942584665" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":91942584665,"countryCode":"NL","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/91942584665","merchantName":"Portraits by Jun-Yi","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"Portraits by Jun-Yi","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"5f23d2fc700e36df8845580d824ba0dd","betas":["rich-media-storefront-analytics"],"domain":"portraitsbyjunyi.com","predictiveSearch":true,"shopId":91942584665,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "y7bvv3-ba.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "NL";
Shopify.theme = {"name":"Designed by Claude Design","id":194485027161,"schema_name":"Craft","schema_version":"15.3.0","theme_store_id":1368,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "portraitsbyjunyi.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//portraitsbyjunyi.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
await import("//portraitsbyjunyi.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/a.mailmunch.co\/widgets\/site-1087721-aede39b1eee6db27f16895957ae174c752894c4b.js?shop=y7bvv3-ba.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":91942584665,"offset":7200,"reqid":"8e2e2c12-0da7-4eba-8817-7bfb75b4bb61-1787612132","pageurl":"portraitsbyjunyi.com\/","u":"e1c4502488c4","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//portraitsbyjunyi.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//portraitsbyjunyi.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//portraitsbyjunyi.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "y7bvv3-ba.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/portraitsbyjunyi.com\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.1.1.js","");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://portraitsbyjunyi.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://portraitsbyjunyi.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://portraitsbyjunyi.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<script id="sections-script" data-sections="header" defer="defer" src="//portraitsbyjunyi.com/cdn/shop/t/6/compiled_assets/scripts.js?v=90487813905515327061769973895"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify>
@font-face {
font-family: "Quattrocento Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_n4.ce5e9bf514e68f53bdd875976847cf755c702eaa.woff2") format("woff2"),
url("//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_n4.44bbfb57d228eb8bb083d1f98e7d96e16137abce.woff") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_n7.bdda9092621b2e3b4284b12e8f0c092969b176c1.woff2") format("woff2"),
url("//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_n7.3f8ab2a91343269966c4aa4831bcd588e7ce07b9.woff") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_i4.4f70b1e78f59fa1468e3436ab863ff0bf71e71bb.woff2") format("woff2"),
url("//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_i4.b695efef5d957af404945574b7239740f79b899f.woff") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_i7.49d754c8032546c24062cf385f8660abbb11ef1e.woff2") format("woff2"),
url("//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_i7.567b0b818999022d5a9ccb99542d8ff8cdb497df.woff") format("woff");
}
@font-face {
font-family: "Plus Jakarta Sans";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//portraitsbyjunyi.com/cdn/fonts/plus_jakarta_sans/plusjakartasans_n5.f370e6c70c85915846580a582555356fdd24edd6.woff2") format("woff2"),
url("//portraitsbyjunyi.com/cdn/fonts/plus_jakarta_sans/plusjakartasans_n5.d048651ee7cc1e6ce70bca15e35c9e318e037f58.woff") format("woff");
}
:root,
.color-scheme-1 {
--color-background: 251,246,236;
--gradient-background: #fbf6ec;
--color-foreground: 37,37,37;
--color-background-contrast: 229,196,131;
--color-shadow: 37,37,37;
--color-button: 44,51,47;
--color-button-text: 255,255,255;
--color-secondary-button: 251,246,236;
--color-secondary-button-text: 80,86,85;
--color-link: 80,86,85;
--color-badge-foreground: 37,37,37;
--color-badge-background: 251,246,236;
--color-badge-border: 37,37,37;
--payment-terms-background-color: rgb(251 246 236);
}
.color-scheme-2 {
--color-background: 249,175,147;
--gradient-background: #f9af93;
--color-foreground: 37,37,37;
--color-background-contrast: 242,86,26;
--color-shadow: 37,37,37;
--color-button: 37,37,37;
--color-button-text: 255,255,255;
--color-secondary-button: 249,175,147;
--color-secondary-button-text: 37,37,37;
--color-link: 37,37,37;
--color-badge-foreground: 37,37,37;
--color-badge-background: 249,175,147;
--color-badge-border: 37,37,37;
--payment-terms-background-color: rgb(249 175 147);
}
.color-scheme-3 {
--color-background: 255,233,120;
--gradient-background: #ffe978;
--color-foreground: 37,37,37;
--color-background-contrast: 248,207,0;
--color-shadow: 37,37,37;
--color-button: 37,37,37;
--color-button-text: 239,236,236;
--color-secondary-button: 255,233,120;
--color-secondary-button-text: 37,37,37;
--color-link: 37,37,37;
--color-badge-foreground: 37,37,37;
--color-badge-background: 255,233,120;
--color-badge-border: 37,37,37;
--payment-terms-background-color: rgb(255 233 120);
}
.color-scheme-4 {
--color-background: 44,51,47;
--gradient-background: #2c332f;
--color-foreground: 239,236,236;
--color-background-contrast: 56,65,60;
--color-shadow: 37,37,37;
--color-button: 239,236,236;
--color-button-text: 44,51,47;
--color-secondary-button: 44,51,47;
--color-secondary-button-text: 239,236,236;
--color-link: 239,236,236;
--color-badge-foreground: 239,236,236;
--color-badge-background: 44,51,47;
--color-badge-border: 239,236,236;
--payment-terms-background-color: rgb(44 51 47);
}
.color-scheme-5 {
--color-background: 58,102,196;
--gradient-background: #3a66c4;
--color-foreground: 250,245,236;
--color-background-contrast: 29,51,98;
--color-shadow: 37,37,37;
--color-button: 250,245,236;
--color-button-text: 37,37,37;
--color-secondary-button: 58,102,196;
--color-secondary-button-text: 250,245,236;
--color-link: 250,245,236;
--color-badge-foreground: 250,245,236;
--color-badge-background: 58,102,196;
--color-badge-border: 250,245,236;
--payment-terms-background-color: rgb(58 102 196);
}
.color-scheme-9d5f3391-fb41-4e58-ad2f-9cf26d578421 {
--color-background: 255,77,36;
--gradient-background: #ff4d24;
--color-foreground: 250,245,236;
--color-background-contrast: 163,31,0;
--color-shadow: 37,37,37;
--color-button: 250,245,236;
--color-button-text: 37,37,37;
--color-secondary-button: 255,77,36;
--color-secondary-button-text: 80,86,85;
--color-link: 80,86,85;
--color-badge-foreground: 250,245,236;
--color-badge-background: 255,77,36;
--color-badge-border: 250,245,236;
--payment-terms-background-color: rgb(255 77 36);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-9d5f3391-fb41-4e58-ad2f-9cf26d578421 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: "Quattrocento Sans", sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: "Plus Jakarta Sans", sans-serif;
--font-heading-style: normal;
--font-heading-weight: 500;
--font-body-scale: 1.0;
--font-heading-scale: 1.1;
--media-padding: px;
--media-border-opacity: 0.1;
--media-border-width: 0px;
--media-radius: 6px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.6rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.1rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.6rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.1rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.6rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.1rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 0.6rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.5;
--popup-corner-radius: 6px;
--popup-shadow-opacity: 0.0;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 20px;
--grid-desktop-horizontal-spacing: 20px;
--grid-mobile-vertical-spacing: 10px;
--grid-mobile-horizontal-spacing: 10px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 6px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 6px;
--buttons-radius-outset: 7px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0.3px;
--inputs-radius: 6px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 7px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
</style>
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/base.css?v=159841507637079171801769973895" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-cart-items.css?v=123238115697927560811769973895" media="print" onload="this.media='all'">
<link rel="preload" as="font" href="//portraitsbyjunyi.com/cdn/fonts/quattrocento_sans/quattrocentosans_n4.ce5e9bf514e68f53bdd875976847cf755c702eaa.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="//portraitsbyjunyi.com/cdn/fonts/plus_jakarta_sans/plusjakartasans_n5.f370e6c70c85915846580a582555356fdd24edd6.woff2" type="font/woff2" crossorigin>
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-localization-form.css?v=170315343355214948141769973895" rel="stylesheet" type="text/css" media="all" />
<script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/localization-form.js?v=144176611646395275351769973895" defer="defer"></script><link
rel="stylesheet"
href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-predictive-search.css?v=118923337488134913561769973895"
media="print"
onload="this.media='all'"
><script>
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
}
</script>
<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js" defer></script>
<script src="https://cdn.shopify.com/extensions/01a0356b-5f36-7584-8cde-64dd990247e7/forms-2516/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 91942584665,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,r=/bytedance/i;function o(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var r=0,o=e.split(";");r<o.length;r++){var d=o[r],t=d.indexOf("=");if(-1!==t){var n=d.slice(0,t).trim();if(n){var i=void 0;try{i=decodeURIComponent(n)}catch(e){i=n}if("_shopify_s"===i){var a=d.slice(t+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}function d(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}return function(t,n,i,a){var s,c,u,l,f=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},p=(c=(s={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,u=s.legacy,(l=navigator.userAgent).match(e)?"bot":l.match(c)?"modern":l.match(u)?"legacy":l.match(r)?"bot":"unknown"),h=function(e){var r=e.version,t=e.browserTarget,n=e.surface,i=e.shopId,a=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var c,u=e.status,l=e.errorMsg;if(!a)return d("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{var f=(new Date).getTime();c=JSON.stringify({metadata:{event_sent_at_ms:f},events:[{schema_id:"web_pixels_manager_load/3.2",payload:{version:r,bundle_target:t,page_url:s,status:u,surface:n,error_msg:l,shop_id:i,visit_token:o()},metadata:{event_created_at_ms:f}}]})}catch(e){return!1}var p,h=!1;try{"function"==typeof window.navigator.sendBeacon&&-1===(p=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===p.indexOf("iPad; CPU OS 12_")&&-1===p.indexOf("iPod touch; CPU iPhone OS 12_")&&(h=window.navigator.sendBeacon.bind(window.navigator)(a,c))}catch(e){h=!1}if(h)return!0;try{var m=new XMLHttpRequest;return m.open("POST",a,!0),m.setRequestHeader("Content-Type","text/plain"),m.send(c),!0}catch(e){return d("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:i,browserTarget:p,surface:t.surface,shopId:t.shopId,monorailEndpoint:t.monorailEndpoint});if(Boolean(null==(y=null==(m=window.Shopify)?void 0:m.analytics)?void 0:y.replayQueue))h.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var m,y;h.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var g=window.Shopify;g.analytics=g.analytics||{};var v=g.analytics;v.replayQueue=[],v.publish=function(e,r,o){return v.replayQueue.push([e,r,o]),!0};try{self.performance.mark("wpm:start")}catch(e){}var w,b="modern"===p?"modern":"legacy",P=(null!=a?a:{modern:"",legacy:""})[b],S=[(w={baseUrl:n,hashVersion:i,buildTarget:b}).baseUrl,"/wpm","/b",w.hashVersion,"modern"===w.buildTarget?"m":"l",".js"].join("");try{f.browserTarget=p,O(function(){try{O(_)}catch(e){h.emit({status:"failed",errorMsg:U(e)})}}),h.emit({status:"loading"})}catch(e){h.emit({status:"failed",errorMsg:U(e)})}}function C(){if(!function(){var e,r;return Boolean(null==(r=null==(e=window.Shopify)?void 0:e.analytics)?void 0:r.initialized)}()){var e=window.webPixelsManager.init(t)||void 0;if(e){var r=window.Shopify.analytics;r.replayQueue.forEach(function(r){var o=r[0],d=r[1],t=r[2];e.publishCustomEvent(o,d,t)}),r.replayQueue=[],r.publish=e.publishCustomEvent,r.visitor=e.visitor,r.initialized=!0}}}function _(){return h.emit({status:"failed",errorMsg:"".concat(S," has failed to load")})}function O(e){var r;!function(e){var r=e.src,o=e.async,d=void 0===o||o,t=e.onload,n=e.onerror,i=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,c=document.createElement("script"),u=document.querySelector("head"),l=document.querySelector("body");if(c.async=d,c.src=r,i&&(c.integrity=i,c.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{c.dataset[f]=s[f]}catch(e){}if(t&&c.addEventListener("load",t),n&&c.addEventListener("error",n),u)u.appendChild(c);else{if(!l)throw new Error("Did not find a head or body element to append the script");l.appendChild(c)}}({src:S,async:!0,onload:C,onerror:e,sri:(r=P,"string"==typeof r&&/^sha384-[A-Za-z0-9+/=]+$/.test(r)?P:""),scriptDataAttributes:f})}function U(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 91942584665,storefrontBaseUrl: "https://portraitsbyjunyi.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://portraitsbyjunyi.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0","656605ce"],webPixelsConfigList: [{"id":"4271604057","configuration":"{\"tagID\":\"2613791169955\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"565fe5dd5db699c5a32547ff5c1df3c8","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"2679275865","configuration":"{\"storeIdentity\":\"y7bvv3-ba.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1782972761","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-MPZ6W2JHBQ\\\",\\\"AW-16907647803\\\",\\\"GT-PBKBQKZR\\\"],\\\"target_country\\\":\\\"NL\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-MPZ6W2JHBQ\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-MPZ6W2JHBQ\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-MPZ6W2JHBQ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-MPZ6W2JHBQ\\\",\\\"AW-16907647803\\\/R_GvCMP83rIaELv2mP4-\\\",\\\"MC-338BC3XW11\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-MPZ6W2JHBQ\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-MPZ6W2JHBQ\\\",\\\"AW-16907647803\\\/POndCLf83rIaELv2mP4-\\\",\\\"MC-338BC3XW11\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-MPZ6W2JHBQ\\\",\\\"AW-16907647803\\\/CTDCCMD83rIaELv2mP4-\\\",\\\"MC-338BC3XW11\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-MPZ6W2JHBQ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-MPZ6W2JHBQ\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-MPZ6W2JHBQ\\\",\\\"AW-16907647803\\\/iYEZCL383rIaELv2mP4-\\\",\\\"AW-16907647803\\\/0CqZCOyV1bIaELv2mP4-\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-MPZ6W2JHBQ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"9120410995b7c9c6f4f039573265c0ea","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0510","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0510","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Portraits by Jun-Yi","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"y7bvv3-ba.myshopify.com","countryCode":"NL","storefrontUrl":"https:\/\/portraitsbyjunyi.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"16352562250073","handle":"commissioned-portrait","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58279773208921","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16376207606105","handle":"personalised-anniversary-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58417638867289","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16265595683161","handle":"personalised-birthday-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57905133617497","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://portraitsbyjunyi.com/cdn","2d9dfbe8w1156b718pbb247b16m64115e31",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"194485027161","themeStoreId":"1368","themePublished":"true","eventMetadataId":"c6cc8279-8c31-4d5f-bc34-680822a38fe0","pageType":"home","shopId":"91942584665","storefrontBaseUrl":"https:\/\/portraitsbyjunyi.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\", \"656605ce\"]","isMerchantRequest":"false","hashVersion":"2d9dfbe8w1156b718pbb247b16m64115e31","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"8e2e2c12-0da7-4eba-8817-7bfb75b4bb61-1787612132"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 91942584665,
theme_id: 194485027161,
app_name: "storefront",
context_url: window.location.href,
source_url: "//portraitsbyjunyi.com/cdn/s/trekkie.storefront.c3de4351cec0b617fdf79b803eb104cc6c0d8097.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//portraitsbyjunyi.com/cdn/s/trekkie.storefront.c3de4351cec0b617fdf79b803eb104cc6c0d8097.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//portraitsbyjunyi.com/cdn/s/trekkie.storefront.c3de4351cec0b617fdf79b803eb104cc6c0d8097.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":91942584665,"isMerchantRequest":null,"themeId":194485027161,"themeCityHash":"16791279123039410567","contentLanguage":"en","currency":"EUR","eventMetadataId":"c6cc8279-8c31-4d5f-bc34-680822a38fe0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f43e7f5e","b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"8e2e2c12-0da7-4eba-8817-7bfb75b4bb61-1787612132","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//portraitsbyjunyi.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://portraitsbyjunyi.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.4.min.js"
data-application="storefront-renderer"
data-shop-id="91942584665"
data-render-region="gcp-europe-west4"
data-page-type="index"
data-theme-instance-id="194485027161"
data-theme-name="Craft"
data-theme-version="15.3.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://portraitsbyjunyi.com/api/collect"
></script>
<meta name="shopify-y" content="63d2c196-0d83-4a6f-85f6-e89c0814e5cf"><meta name="shopify-s" content="bcd16776-de34-45f2-b72e-eb72bb605a65"><meta name="new-cookie-storage-activated" content="f">
</head>
<body class="gradient">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
Skip to content
</a><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--28487198540121__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-slideshow.css?v=17933591812325749411769973895" rel="stylesheet" type="text/css" media="all" />
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-slider.css?v=14039311878856620671769973895" rel="stylesheet" type="text/css" media="all" />
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-social.css?v=35792976012981934991769973895" rel="stylesheet" type="text/css" media="all" />
<div
class="utility-bar color-scheme-4 gradient"
>
<div class="page-width utility-bar__grid"><slideshow-component
class="announcement-bar"
role="region"
aria-roledescription="Carousel"
aria-label="Announcement bar"
>
<div class="announcement-bar-slider slider-buttons">
<button
type="button"
class="slider-button slider-button--prev"
name="previous"
aria-label="Previous announcement"
aria-controls="Slider-sections--28487198540121__announcement-bar"
>
<span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</button>
<div
class="grid grid--1-col slider slider--everywhere"
id="Slider-sections--28487198540121__announcement-bar"
aria-live="polite"
aria-atomic="true"
data-autoplay="true"
data-speed="5"
><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--28487198540121__announcement-bar-1"
role="group"
aria-roledescription="Announcement"
aria-label="1 of 4"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Announcement"
><a
href="/products/commissioned-portrait"
class="announcement-bar__link link link--text focus-inset animate-arrow"
><p class="announcement-bar__message h5">
<span>Studio open for orders & commissions!</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</p></a></div>
</div><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--28487198540121__announcement-bar-2"
role="group"
aria-roledescription="Announcement"
aria-label="2 of 4"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Announcement"
><a
href="/products/personalised-anniversary-card"
class="announcement-bar__link link link--text focus-inset animate-arrow"
><p class="announcement-bar__message h5">
<span>Design a one-of-a-kind Anniversary card for someone special!</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</p></a></div>
</div><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--28487198540121__announcement-bar-3"
role="group"
aria-roledescription="Announcement"
aria-label="3 of 4"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Announcement"
><a
href="/products/personalised-birthday-card"
class="announcement-bar__link link link--text focus-inset animate-arrow"
><p class="announcement-bar__message h5">
<span>NEW! Party Hat added to Birthday cards 🥳</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</p></a></div>
</div><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--28487198540121__announcement-bar-4"
role="group"
aria-roledescription="Announcement"
aria-label="4 of 4"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Announcement"
><a
href="/pages/art-drops-by-jun-yi"
class="announcement-bar__link link link--text focus-inset animate-arrow"
><p class="announcement-bar__message h5">
<span>🎁 Receive studio updates – join here!</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</p></a></div>
</div></div>
<button
type="button"
class="slider-button slider-button--next"
name="next"
aria-label="Next announcement"
aria-controls="Slider-sections--28487198540121__announcement-bar"
>
<span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</button>
</div>
</slideshow-component><div class="localization-wrapper">
</div>
</div>
</div>
<style> #shopify-section-sections--28487198540121__announcement-bar [id*="bar-1"], #shopify-section-sections--28487198540121__announcement-bar [id*="bar-1"] .announcement-bar__announcement, #shopify-section-sections--28487198540121__announcement-bar .utility-bar:has([id*="bar-1"][aria-hidden="false"]), #shopify-section-sections--28487198540121__announcement-bar .announcement-bar:has([id*="bar-1"][aria-hidden="false"]) {background: #ca1615 !important;} #shopify-section-sections--28487198540121__announcement-bar .announcement-bar__message {font-size: 0.85em !important;} </style></div><div id="shopify-section-sections--28487198540121__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-menu.css?v=151968516119678728991769973895" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-search.css?v=165164710990765432851769973895" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-menu-drawer.css?v=147478906057189667651769973895" media="print" onload="this.media='all'">
<link
rel="stylesheet"
href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-cart-notification.css?v=54116361853792938221769973895"
media="print"
onload="this.media='all'"
><link rel="stylesheet" href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-price.css?v=70172745017360139101769973895" media="print" onload="this.media='all'"><style>
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}@media screen and (min-width: 990px) {
header-drawer {
display: none;
}
}.menu-drawer-container {
display: flex;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap;
}
summary.list-menu__item {
padding-right: 2.7rem;
}
.list-menu__item {
display: flex;
align-items: center;
line-height: calc(1 + 0.3 / var(--font-body-scale));
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
</style><style data-shopify>.header {
padding: 10px 3rem 10px 3rem;
}
.section-header {
position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
margin-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px;
}
}
@media screen and (min-width: 990px) {
.header {
padding-top: 20px;
padding-bottom: 20px;
}
}</style><script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/cart-notification.js?v=133508293167896966491769973895" defer="defer"></script>
<div
class="header-wrapper color-scheme-1 gradient"
><header class="header header--top-center header--mobile-center page-width header--has-menu header--has-social header--has-account header--has-localizations">
<header-drawer data-breakpoint="tablet">
<details id="Details-menu-drawer-container" class="menu-drawer-container">
<summary
class="header__icon header__icon--menu header__icon--summary link focus-inset"
aria-label="Menu"
>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</summary>
<div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
<summary
id="HeaderDrawer-portraits"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Portraits
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</summary>
<div
id="link-portraits"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
Portraits
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-portraits-all-portraits"
href="/pages/personalised-watercolour-portraits"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
All portraits
</a></li><li><a
id="HeaderDrawer-portraits-commission-a-portrait"
href="/products/commissioned-portrait"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Commission a portrait
</a></li><li><a
id="HeaderDrawer-portraits-family-tree"
href="/products/hand-painted-family-tree"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Family Tree
</a></li><li><a
id="HeaderDrawer-portraits-special-requests"
href="/pages/contact"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Special requests
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-2">
<summary
id="HeaderDrawer-cards"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Cards
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</summary>
<div
id="link-cards"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
Cards
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-cards-browse-card-designs"
href="/pages/personalised-greeting-cards"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Browse card designs
</a></li><li><a
id="HeaderDrawer-cards-anniversary"
href="/products/personalised-anniversary-card"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Anniversary
</a></li><li><a
id="HeaderDrawer-cards-birthday"
href="/products/personalised-birthday-card"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Birthday
</a></li><li><a
id="HeaderDrawer-cards-graduation"
href="/products/personalised-graduation-card"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Graduation
</a></li><li><a
id="HeaderDrawer-cards-kids-face-creator"
href="/products/create-your-own-face"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Kids Face Creator
</a></li></ul>
</div>
</div>
</details></li><li><a
id="HeaderDrawer-live-painting"
href="/pages/live-painting"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Live painting
</a></li><li><details id="Details-menu-drawer-menu-item-4">
<summary
id="HeaderDrawer-shop"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Shop
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</summary>
<div
id="link-shop"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
Shop
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-shop-watercolours-prints"
href="/pages/whimsical-illustrated-prints-for-your-home-or-for-gifting"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Watercolours & Prints
</a></li><li><a
id="HeaderDrawer-shop-gift-cards"
href="/products/gift-card-for-portraits"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Gift cards
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-5">
<summary
id="HeaderDrawer-about"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
About
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</summary>
<div
id="link-about"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
About
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-about-about"
href="/pages/about"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
About
</a></li><li><a
id="HeaderDrawer-about-collaborations"
href="/pages/collaborations"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Collaborations
</a></li><li><a
id="HeaderDrawer-about-blog"
href="/blogs/what-is-jun-yi-thinking"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Blog
</a></li></ul>
</div>
</div>
</details></li><li><a
id="HeaderDrawer-contact"
href="/pages/contact"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Contact
</a></li></ul>
</nav>
<div class="menu-drawer__utility-links"><a
href="https://portraitsbyjunyi.com/customer_authentication/redirect?locale=en®ion_country=NL"
class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
rel="nofollow"
><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span>Log in</a><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderCountryMobileLabel">
Country/region
</h2>
<div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderCountryMobile-country-results"
aria-describedby="HeaderCountryMobileLabel"
>
<span>Netherlands |
EUR
€</span>
<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Search"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Search</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Clear search term"
><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Close"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="HeaderCountryMobile-country-results"
>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AU"
id="Australia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Australia</span>
<span class="localization-form__currency motion-reduce">
AUD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Austria"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Austria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgium"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Belgium</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgaria"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Bulgaria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CA"
id="Canada"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Canada</span>
<span class="localization-form__currency motion-reduce">
CAD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Croatia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CY"
id="Cyprus"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Cyprus</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Czechia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Czechia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Denmark"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Denmark</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Estonia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Finland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FR"
id="France"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Germany"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Germany</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Greece"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Greece</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HK"
id="Hong Kong SAR"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hong Kong SAR</span>
<span class="localization-form__currency motion-reduce">
HKD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hungary"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hungary</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Ireland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Ireland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IL"
id="Israel"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Israel</span>
<span class="localization-form__currency motion-reduce">
ILS
₪</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italy"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Italy</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="JP"
id="Japan"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Japan</span>
<span class="localization-form__currency motion-reduce">
JPY
¥</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Latvia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Latvia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lithuania"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lithuania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MY"
id="Malaysia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malaysia</span>
<span class="localization-form__currency motion-reduce">
MYR
RM</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malta"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malta</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="NL"
id="Netherlands"
>
<span
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Netherlands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NZ"
id="New Zealand"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">New Zealand</span>
<span class="localization-form__currency motion-reduce">
NZD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NO"
id="Norway"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Norway</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Poland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Poland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Romania"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Romania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SG"
id="Singapore"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Singapore</span>
<span class="localization-form__currency motion-reduce">
SGD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovakia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovakia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovenia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovenia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="KR"
id="South Korea"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">South Korea</span>
<span class="localization-form__currency motion-reduce">
KRW
₩</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Spain"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Spain</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Sweden"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Sweden</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CH"
id="Switzerland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Switzerland</span>
<span class="localization-form__currency motion-reduce">
CHF
CHF</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AE"
id="United Arab Emirates"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United Arab Emirates</span>
<span class="localization-form__currency motion-reduce">
AED
د.إ</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GB"
id="United Kingdom"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United Kingdom</span>
<span class="localization-form__currency motion-reduce">
GBP
£</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="US"
id="United States"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United States</span>
<span class="localization-form__currency motion-reduce">
USD
$</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="NL">
</div></form></localization-form>
<localization-form><form method="post" action="/localization" id="HeaderLanguageMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderLanguageMobileLabel">
Language
</h2><div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderLanguageMobileList"
aria-describedby="HeaderLanguageMobileLabel"
>
<span>English</span>
<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</button>
<div class="disclosure__list-wrapper language-selector" hidden>
<ul id="HeaderLanguageMobileList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="en"
lang="en"
aria-current="true"
data-value="en"
>
<span
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span>
English
</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="nl"
lang="nl"
data-value="nl"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span>
Nederlands
</span>
</a>
</li></ul>
</div>
</div>
<input type="hidden" name="locale_code" value="en">
</div></form></localization-form></div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
<a href="https://www.instagram.com/portraitsbyjunyi" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
<span class="visually-hidden">Instagram</span>
</a>
</li><li class="list-social__item">
<a href="https://www.tiktok.com/@portraitsbyjunyi" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
</span>
<span class="visually-hidden">TikTok</span>
</a>
</li><li class="list-social__item">
<a href="https://www.youtube.com/@portraitsbyjunyi" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
</span>
<span class="visually-hidden">YouTube</span>
</a>
</li></ul>
</div>
</div>
</div>
</div>
</details>
</header-drawer>
<details-modal class="header__search">
<details>
<summary
class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
aria-haspopup="dialog"
aria-label="Search"
>
<span>
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</span>
</summary>
<div
class="search-modal modal__content gradient"
role="dialog"
aria-modal="true"
aria-label="Search"
>
<div class="modal-overlay"></div>
<div
class="search-modal__content search-modal__content-bottom"
tabindex="-1"
><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<input
class="search__input field__input"
id="Search-In-Modal-1"
type="search"
name="q"
value=""
placeholder="Search"role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false">
<label class="field__label" for="Search-In-Modal-1">Search</label>
<input type="hidden" name="options[prefix]" value="last">
<button
type="reset"
class="reset__button field__button hidden"
aria-label="Clear search term"
>
<span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</span>
</button>
<button class="search__button field__button" aria-label="Search">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
<div class="predictive-search__loading-state">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
type="button"
class="search-modal__close-button modal__close-button link link--text focus-inset"
aria-label="Close"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
</div>
</details>
</details-modal>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
<img src="//portraitsbyjunyi.com/cdn/shop/files/Logo-junyi.png?v=1738956317&width=600" alt="Portraits by Jun-Yi" srcset="//portraitsbyjunyi.com/cdn/shop/files/Logo-junyi.png?v=1738956317&width=100 100w, //portraitsbyjunyi.com/cdn/shop/files/Logo-junyi.png?v=1738956317&width=150 150w, //portraitsbyjunyi.com/cdn/shop/files/Logo-junyi.png?v=1738956317&width=200 200w" width="100" height="103.67309458218548" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 200px) 50vw, 100px">
</div></a></h1>
<nav class="header__inline-menu">
<ul class="list-menu list-menu--inline" role="list"><li><header-menu>
<details id="Details-HeaderMenu-1">
<summary
id="HeaderMenu-portraits"
class="header__menu-item list-menu__item link focus-inset"
>
<span
>Portraits</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</summary>
<ul
id="HeaderMenu-MenuList-1"
class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
role="list"
tabindex="-1"
><li><a
id="HeaderMenu-portraits-all-portraits"
href="/pages/personalised-watercolour-portraits"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
All portraits
</a></li><li><a
id="HeaderMenu-portraits-commission-a-portrait"
href="/products/commissioned-portrait"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Commission a portrait
</a></li><li><a
id="HeaderMenu-portraits-family-tree"
href="/products/hand-painted-family-tree"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Family Tree
</a></li><li><a
id="HeaderMenu-portraits-special-requests"
href="/pages/contact"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Special requests
</a></li></ul>
</details>
</header-menu></li><li><header-menu>
<details id="Details-HeaderMenu-2">
<summary
id="HeaderMenu-cards"
class="header__menu-item list-menu__item link focus-inset"
>
<span
>Cards</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</summary>
<ul
id="HeaderMenu-MenuList-2"
class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
role="list"
tabindex="-1"
><li><a
id="HeaderMenu-cards-browse-card-designs"
href="/pages/personalised-greeting-cards"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Browse card designs
</a></li><li><a
id="HeaderMenu-cards-anniversary"
href="/products/personalised-anniversary-card"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Anniversary
</a></li><li><a
id="HeaderMenu-cards-birthday"
href="/products/personalised-birthday-card"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Birthday
</a></li><li><a
id="HeaderMenu-cards-graduation"
href="/products/personalised-graduation-card"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Graduation
</a></li><li><a
id="HeaderMenu-cards-kids-face-creator"
href="/products/create-your-own-face"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Kids Face Creator
</a></li></ul>
</details>
</header-menu></li><li><a
id="HeaderMenu-live-painting"
href="/pages/live-painting"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Live painting</span>
</a></li><li><header-menu>
<details id="Details-HeaderMenu-4">
<summary
id="HeaderMenu-shop"
class="header__menu-item list-menu__item link focus-inset"
>
<span
>Shop</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</summary>
<ul
id="HeaderMenu-MenuList-4"
class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
role="list"
tabindex="-1"
><li><a
id="HeaderMenu-shop-watercolours-prints"
href="/pages/whimsical-illustrated-prints-for-your-home-or-for-gifting"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Watercolours & Prints
</a></li><li><a
id="HeaderMenu-shop-gift-cards"
href="/products/gift-card-for-portraits"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Gift cards
</a></li></ul>
</details>
</header-menu></li><li><header-menu>
<details id="Details-HeaderMenu-5">
<summary
id="HeaderMenu-about"
class="header__menu-item list-menu__item link focus-inset"
>
<span
>About</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</summary>
<ul
id="HeaderMenu-MenuList-5"
class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
role="list"
tabindex="-1"
><li><a
id="HeaderMenu-about-about"
href="/pages/about"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
About
</a></li><li><a
id="HeaderMenu-about-collaborations"
href="/pages/collaborations"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Collaborations
</a></li><li><a
id="HeaderMenu-about-blog"
href="/blogs/what-is-jun-yi-thinking"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Blog
</a></li></ul>
</details>
</header-menu></li><li><a
id="HeaderMenu-contact"
href="/pages/contact"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Contact</span>
</a></li></ul>
</nav>
<div class="header__icons header__icons--localization header-localization">
<div class="desktop-localization-wrapper"><localization-form class="small-hide medium-hide" data-prevent-hide><form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderCountryLabel">Country/region</h2>
<div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderCountry-country-results"
aria-describedby="HeaderCountryLabel"
>
<span>Netherlands |
EUR
€</span>
<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Search"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Search</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Clear search term"
><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Close"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="HeaderCountry-country-results"
>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AU"
id="Australia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Australia</span>
<span class="localization-form__currency motion-reduce">
AUD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Austria"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Austria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgium"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Belgium</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgaria"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Bulgaria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CA"
id="Canada"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Canada</span>
<span class="localization-form__currency motion-reduce">
CAD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Croatia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CY"
id="Cyprus"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Cyprus</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Czechia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Czechia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Denmark"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Denmark</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Estonia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Finland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FR"
id="France"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Germany"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Germany</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Greece"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Greece</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HK"
id="Hong Kong SAR"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hong Kong SAR</span>
<span class="localization-form__currency motion-reduce">
HKD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hungary"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hungary</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Ireland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Ireland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IL"
id="Israel"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Israel</span>
<span class="localization-form__currency motion-reduce">
ILS
₪</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italy"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Italy</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="JP"
id="Japan"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Japan</span>
<span class="localization-form__currency motion-reduce">
JPY
¥</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Latvia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Latvia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lithuania"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lithuania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MY"
id="Malaysia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malaysia</span>
<span class="localization-form__currency motion-reduce">
MYR
RM</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malta"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malta</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="NL"
id="Netherlands"
>
<span
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Netherlands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NZ"
id="New Zealand"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">New Zealand</span>
<span class="localization-form__currency motion-reduce">
NZD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NO"
id="Norway"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Norway</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Poland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Poland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Romania"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Romania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SG"
id="Singapore"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Singapore</span>
<span class="localization-form__currency motion-reduce">
SGD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovakia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovakia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovenia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovenia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="KR"
id="South Korea"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">South Korea</span>
<span class="localization-form__currency motion-reduce">
KRW
₩</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Spain"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Spain</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Sweden"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Sweden</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CH"
id="Switzerland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Switzerland</span>
<span class="localization-form__currency motion-reduce">
CHF
CHF</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AE"
id="United Arab Emirates"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United Arab Emirates</span>
<span class="localization-form__currency motion-reduce">
AED
د.إ</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GB"
id="United Kingdom"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United Kingdom</span>
<span class="localization-form__currency motion-reduce">
GBP
£</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="US"
id="United States"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United States</span>
<span class="localization-form__currency motion-reduce">
USD
$</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="NL">
</div></form></localization-form>
</div>
<details-modal class="header__search">
<details>
<summary
class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
aria-haspopup="dialog"
aria-label="Search"
>
<span>
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</span>
</summary>
<div
class="search-modal modal__content gradient"
role="dialog"
aria-modal="true"
aria-label="Search"
>
<div class="modal-overlay"></div>
<div
class="search-modal__content search-modal__content-bottom"
tabindex="-1"
><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<input
class="search__input field__input"
id="Search-In-Modal"
type="search"
name="q"
value=""
placeholder="Search"role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false">
<label class="field__label" for="Search-In-Modal">Search</label>
<input type="hidden" name="options[prefix]" value="last">
<button
type="reset"
class="reset__button field__button hidden"
aria-label="Clear search term"
>
<span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</span>
</button>
<button class="search__button field__button" aria-label="Search">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
<div class="predictive-search__loading-state">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
type="button"
class="search-modal__close-button modal__close-button link link--text focus-inset"
aria-label="Close"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
</div>
</details>
</details-modal>
<a
href="https://portraitsbyjunyi.com/customer_authentication/redirect?locale=en®ion_country=NL"
class="header__icon header__icon--account link focus-inset small-hide"
rel="nofollow"
><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span><span class="visually-hidden">Log in</span>
</a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewBox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"/></svg>
</span>
<span class="visually-hidden">Cart</span></a>
</div>
</header>
</div>
<cart-notification>
<div class="cart-notification-wrapper page-width">
<div
id="cart-notification"
class="cart-notification focus-inset color-scheme-1 gradient"
aria-modal="true"
aria-label="Item added to your cart"
role="dialog"
tabindex="-1"
>
<div class="cart-notification__header">
<h2 class="cart-notification__heading caption-large text-body"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
Item added to your cart
</h2>
<button
type="button"
class="cart-notification__close modal__close-button link link--text focus-inset"
aria-label="Close"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
<div id="cart-notification-product" class="cart-notification-product"></div>
<div class="cart-notification__links">
<a
href="/cart"
id="cart-notification-button"
class="button button--secondary button--full-width"
>View cart</a>
<form action="/cart" method="post" id="cart-notification-form">
<button class="button button--primary button--full-width" name="checkout">
Check out
</button>
</form>
<button type="button" class="link button-label">Continue shopping</button>
</div>
</div>
</div>
</cart-notification>
<style data-shopify>
.cart-notification {
display: none;
}
</style>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Portraits by Jun-Yi",
"logo": "https:\/\/portraitsbyjunyi.com\/cdn\/shop\/files\/Logo-junyi.png?v=1738956317\u0026width=500",
"sameAs": [
"",
"",
"",
"https:\/\/www.instagram.com\/portraitsbyjunyi",
"https:\/\/www.tiktok.com\/@portraitsbyjunyi",
"",
"",
"https:\/\/www.youtube.com\/@portraitsbyjunyi",
""
],
"url": "https:\/\/portraitsbyjunyi.com"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Portraits by Jun-Yi",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/portraitsbyjunyi.com\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/portraitsbyjunyi.com"
}
</script>
<style> #shopify-section-sections--28487198540121__header /* Larger nav menu font - top-level links */.header__inline-menu .list-menu__item.link, #shopify-section-sections--28487198540121__header .header__menu-item.list-menu__item.link {font-size: 1.6rem !important;} #shopify-section-sections--28487198540121__header /* Match dropdown/submenu links to same size */.header__submenu .header__menu-item, #shopify-section-sections--28487198540121__header .header__submenu .list-menu__item.link, #shopify-section-sections--28487198540121__header .mega-menu__link {font-size: 1.6rem !important;} </style></div>
<!-- END sections: header-group -->
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
<div id="shopify-section-template--28487201390937__1780683738b027913a" class="shopify-section">
<style data-shopify>
.ai-hero-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
display: block;
width: 100%;
background-color: #fbf6ec;
}
.ai-hero-container-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
padding: 60px 40px;
/* background-color removed — it's now on the outer wrapper for full bleed */
width: 100%;
max-width: 1200px;
margin-inline: auto;
}
.ai-hero-text-column-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
display: flex;
flex-direction: column;
gap: 20px;
}
.ai-hero-caption-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
font-size: 12px;
color: #09790e;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0;
}
.ai-hero-title-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
font-size: clamp(38px, 10vw, 76px);
color: #252525;
margin: 0;
line-height: 1.15;
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 400;
font-style: normal;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
text-wrap: balance;
}
.ai-hero-subtitle-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
font-size: 18px;
color: #252525;
margin: 0;
line-height: 1.6;
}
.ai-hero-buttons-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 16px;
align-items: flex-start;
}
.ai-hero-button-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1.5rem 3rem;
font-size: var(--font-body-size);
text-decoration: none;
border-radius: 0.6rem;
transition: all 0.3s ease;
cursor: pointer;
border: 0.1rem solid;
text-align: center;
min-width: auto;
width: auto;
}
.ai-hero-button-solid-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
background-color: #2c332f;
color: #ffffff;
border-color: #2c332f;
}
.ai-hero-button-solid-auejgzfz6cmf5zuhedaigenblock0155880klk9lb:hover {
background-color: #252525;
border-color: #252525;
color: #ffffff;
}
.ai-hero-button-outlined-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
background-color: transparent;
color: #252525;
border-color: #252525;
}
.ai-hero-button-outlined-auejgzfz6cmf5zuhedaigenblock0155880klk9lb:hover {
background-color: #252525;
color: #ffffff;
border-color: #252525;
}
.ai-hero-image-column-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
display: flex;
flex-direction: column;
gap: 12px;
}
.ai-hero-image-wrapper-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
position: relative;
width: 100%;
aspect-ratio: 3/4;
overflow: hidden;
border-radius: 6px;
}
.ai-hero-image-wrapper-auejgzfz6cmf5zuhedaigenblock0155880klk9lb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ai-hero-image-placeholder-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
width: 100%;
height: 100%;
background-color: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
}
.ai-hero-image-placeholder-auejgzfz6cmf5zuhedaigenblock0155880klk9lb svg {
width: 100%;
height: 100%;
max-width: 300px;
max-height: 300px;
}
.ai-hero-image-caption-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
font-size: 14px;
color: #252525;
font-style: italic;
margin: 0;
text-align: left;
}
@media screen and (max-width: 749px) {
.ai-hero-container-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
grid-template-columns: 1fr;
gap: 40px;
}
.ai-hero-subtitle-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
font-size: calc(18px * 0.9);
}
.ai-hero-buttons-auejgzfz6cmf5zuhedaigenblock0155880klk9lb {
flex-direction: column;
}
}
</style>
<ai-hero-auejgzfz6cmf5zuhedaigenblock0155880klk9lb class="ai-hero-auejgzfz6cmf5zuhedaigenblock0155880klk9lb" >
<div class="ai-hero-container-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">
<div class="ai-hero-text-column-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">
<p class="ai-hero-caption-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">🟢 Studio open · now booking for September 2026</p>
<h1 class="ai-hero-title-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">I paint people.</h1>
<p class="ai-hero-subtitle-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">Portraits of the ones we want to remember exactly as they are. Watercolour, hand-painted from your photos.</p>
<div class="ai-hero-buttons-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">
<a
href="/products/commissioned-portrait"
class="ai-hero-button-auejgzfz6cmf5zuhedaigenblock0155880klk9lb ai-hero-button-solid-auejgzfz6cmf5zuhedaigenblock0155880klk9lb"
>
Commission a portrait →
</a>
<a
href="/pages/personalised-greeting-cards"
class="ai-hero-button-auejgzfz6cmf5zuhedaigenblock0155880klk9lb ai-hero-button-outlined-auejgzfz6cmf5zuhedaigenblock0155880klk9lb"
>
Design a greeting card
</a>
</div>
</div>
<div class="ai-hero-image-column-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">
<div class="ai-hero-image-wrapper-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">
<img
src="//portraitsbyjunyi.com/cdn/shop/files/Live-Painting-Rotterdam-Jun-Yi-Painting.jpg?v=1774341626&width=1200"
alt="Jun-Yi in a red sweater painting with watercolors at a table at a Lunar New Year event in Rotterdam."
loading="lazy"
width="2000"
height="2667"
>
</div>
<p class="ai-hero-image-caption-auejgzfz6cmf5zuhedaigenblock0155880klk9lb">— Jun-Yi, painting live in Rotterdam</p>
</div>
</div>
</ai-hero-auejgzfz6cmf5zuhedaigenblock0155880klk9lb>
<script>
(function() {
class AiHeroauejgzfz6cmf5zuhedaigenblock0155880klk9lb extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
}
}
customElements.define('ai-hero-auejgzfz6cmf5zuhedaigenblock0155880klk9lb', AiHeroauejgzfz6cmf5zuhedaigenblock0155880klk9lb);
})();
</script>
</div><div id="shopify-section-template--28487201390937__1780855774014e4c35" class="shopify-section"><div id="shopify-block-ATWpKNXJ1eVR0QklGa__ai_gen_block_e6df9f0_WNWtq" class="shopify-block">
<style data-shopify>
.ai-status-bar-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq {
display: block;
width: 100%;
background-color: #fde976;
color: #6d6257;
}
.ai-status-bar-inner-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq {
padding: 16px 0;
}
.ai-status-bar-content-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq {
display: flex;
align-items: center;
gap: 36px;
}
.ai-status-bar-caption-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
flex-shrink: 0;
font-family: Assistant, sans-serif;
font-weight: 400;
font-style: normal;
}
.ai-status-bar-update-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq {
font-family: Trirong, serif;
font-style: italic;
font-size: 16px;
flex-grow: 1;
font-weight: 400;
}
.ai-status-bar-slots-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq {
font-family: "Courier New", Courier, monospace;
font-size: 14px;
flex-shrink: 0;
font-weight: 400;
font-style: normal;
}
@media screen and (max-width: 749px) {
.ai-status-bar-content-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
}
</style>
<studio-status-bar-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq
class="ai-status-bar-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq"
>
<div class="ai-status-bar-inner-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq">
<div class="page-width">
<div class="ai-status-bar-content-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq">
<div class="ai-status-bar-caption-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq">
from the studio
</div>
<div class="ai-status-bar-update-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq">
Currently painting a portrait of a mother and child
</div>
<div class="ai-status-bar-slots-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq">
3 of 4 slots open
</div>
</div>
</div>
</div>
</studio-status-bar-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq>
<script>
(function() {
class StudioStatusBaratwpknxj1evr0qklgaaigenblocke6df9f0wnwtq extends HTMLElement {
constructor() {
super();
}
}
customElements.define('studio-status-bar-atwpknxj1evr0qklgaaigenblocke6df9f0wnwtq', StudioStatusBaratwpknxj1evr0qklgaaigenblocke6df9f0wnwtq);
})();
</script>
</div>
</div><div id="shopify-section-template--28487201390937__1770129316e260b9c1" class="shopify-section">
<style data-shopify>
.ai-testimonial-slideshow-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
display: block;
width: 100%;
max-width: 100%;
padding: 80px;
background-color: #faf5ec;
}
.ai-testimonial-slideshow__container-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
max-width: 800px;
margin: 0 auto;
}
.ai-testimonial-slideshow__header-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
text-align: center;
margin-bottom: 40px;
}
.ai-testimonial-slideshow__title-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
font-size: 42px;
color: #252525;
margin: 0;
font-weight: normal;
}
.ai-testimonial-slideshow__slides-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
position: relative;
overflow: hidden;
min-height: 200px;
}
.ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
display: none;
text-align: center;
padding: 20px;
}
.ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti.active {
display: block;
}
.ai-testimonial-slideshow__quote-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
font-size: 32px;
color: #252525;
line-height: 1.6;
margin: 0 0 20px;
font-style: italic;
}
.ai-testimonial-slideshow__author-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
font-size: 18px;
color: #505655;
font-weight: 600;
margin: 0;
}
.ai-testimonial-slideshow__controls-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
}
.ai-testimonial-slideshow__dots-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
display: flex;
gap: 8px;
}
.ai-testimonial-slideshow__dot-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #efecec;
border: none;
cursor: pointer;
padding: 0;
transition: background-color 0.3s ease;
}
.ai-testimonial-slideshow__dot-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti.active {
background-color: #2c332f;
}
.ai-testimonial-slideshow__empty-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
text-align: center;
padding: 60px 20px;
color: #999;
font-size: 14px;
}
@media screen and (max-width: 749px) {
.ai-testimonial-slideshow__title-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
font-size: calc(42px * 0.8);
}
.ai-testimonial-slideshow__quote-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
font-size: calc(32px * 0.85);
}
.ai-testimonial-slideshow__author-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti {
font-size: calc(18px * 0.85);
}
}
</style>
<testimonial-slideshow-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti
class="ai-testimonial-slideshow-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti"
data-autoplay="true"
data-autoplay-speed="5000"
>
<div class="ai-testimonial-slideshow__container-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">
<div class="ai-testimonial-slideshow__slides-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">
<div class="ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti active" data-slide="0">
<p class="ai-testimonial-slideshow__quote-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">"Seeing her best friend again through the portrait brought tears to her eyes."</p>
<p class="ai-testimonial-slideshow__author-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">— Shaz K.</p>
</div>
<div class="ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti " data-slide="1">
<p class="ai-testimonial-slideshow__quote-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">"What really blew us away was the attention to detail."</p>
<p class="ai-testimonial-slideshow__author-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">— Ilya Q.</p>
</div>
<div class="ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti " data-slide="2">
<p class="ai-testimonial-slideshow__quote-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">"My husband couldn't look at photos of his mum after her passing, but seeing the portrait was different. It was very comforting."</p>
<p class="ai-testimonial-slideshow__author-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">— Natalie K.</p>
</div>
<div class="ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti " data-slide="3">
<p class="ai-testimonial-slideshow__quote-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">"It's a great way to immortalise a special moment in my life and it feels really personal and warm."</p>
<p class="ai-testimonial-slideshow__author-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">— Jolene K.</p>
</div>
<div class="ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti " data-slide="4">
<p class="ai-testimonial-slideshow__quote-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">"Popular gift for Christmas, everyone loved it and Jun-Yi is so easy to work with."</p>
<p class="ai-testimonial-slideshow__author-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">— Ira A.</p>
</div>
<div class="ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti " data-slide="5">
<p class="ai-testimonial-slideshow__quote-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">"I lost my kitten at a young age, but having him painted next to the other cats now healed a wound."</p>
<p class="ai-testimonial-slideshow__author-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">— Alexandra K.</p>
</div>
</div>
<div class="ai-testimonial-slideshow__controls-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti">
<div class="ai-testimonial-slideshow__dots-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti"></div>
</div>
</div>
</testimonial-slideshow-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti>
<script>
(function() {
class TestimonialSlideshowaumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti extends HTMLElement {
constructor() {
super();
this.currentSlide = 0;
this.autoplayInterval = null;
}
connectedCallback() {
this.slides = this.querySelectorAll('.ai-testimonial-slideshow__slide-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti');
this.dotsContainer = this.querySelector('.ai-testimonial-slideshow__dots-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti');
if (this.slides.length === 0) return;
this.createDots();
if (this.dataset.autoplay === 'true') {
this.startAutoplay();
}
}
disconnectedCallback() {
this.stopAutoplay();
}
createDots() {
this.slides.forEach((slide, index) => {
const dot = document.createElement('button');
dot.classList.add('ai-testimonial-slideshow__dot-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti');
if (index === 0) dot.classList.add('active');
dot.setAttribute('aria-label', `Go to testimonial ${index + 1}`);
dot.addEventListener('click', () => {
this.stopAutoplay();
this.goToSlide(index);
});
this.dotsContainer.appendChild(dot);
});
}
goToSlide(index) {
this.slides[this.currentSlide].classList.remove('active');
const dots = this.dotsContainer.querySelectorAll('.ai-testimonial-slideshow__dot-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti');
dots[this.currentSlide].classList.remove('active');
this.currentSlide = index;
this.slides[this.currentSlide].classList.add('active');
dots[this.currentSlide].classList.add('active');
}
nextSlide() {
const nextIndex = (this.currentSlide + 1) % this.slides.length;
this.goToSlide(nextIndex);
}
startAutoplay() {
const speed = parseInt(this.dataset.autoplaySpeed) || 5000;
this.autoplayInterval = setInterval(() => {
this.nextSlide();
}, speed);
}
stopAutoplay() {
if (this.autoplayInterval) {
clearInterval(this.autoplayInterval);
this.autoplayInterval = null;
}
}
}
customElements.define('testimonial-slideshow-aumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti', TestimonialSlideshowaumvjnfuxwlrtmugxmaigenblock6c7e5acexwwti);
})();
</script>
</div><section id="shopify-section-template--28487201390937__rich_text_Cjt9C" class="shopify-section section"><link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/section-rich-text.css?v=155250126305810049721769973895" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--28487201390937__rich_text_Cjt9C-padding {
padding-top: 30px;
padding-bottom: 30px;
}
@media screen and (min-width: 750px) {
.section-template--28487201390937__rich_text_Cjt9C-padding {
padding-top: 40px;
padding-bottom: 40px;
}
}</style><div class="isolate">
<div class="rich-text content-container color-scheme-1 gradient rich-text--full-width content-container--full-width section-template--28487201390937__rich_text_Cjt9C-padding">
<div class="rich-text__wrapper rich-text__wrapper--left page-width">
<div class="rich-text__blocks left"><p
class="rich-text__caption caption-with-letter-spacing caption-with-letter-spacing--medium scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
>
Recent work
</p><h2
class="rich-text__heading rte inline-richtext h0 scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 2;"
>
Three portraits, lately.
</h2></div>
</div>
</div>
</div>
</section><section id="shopify-section-template--28487201390937__multicolumn_WCDX3" class="shopify-section section"><link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/section-multicolumn.css?v=81420361875458722681769973895" rel="stylesheet" type="text/css" media="all" />
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-slider.css?v=14039311878856620671769973895" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--28487201390937__multicolumn_WCDX3-padding {
padding-top: 0px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--28487201390937__multicolumn_WCDX3-padding {
padding-top: 0px;
padding-bottom: 36px;
}
}</style><div class="multicolumn color-scheme-1 gradient background-none no-heading">
<div
class="page-width section-template--28487201390937__multicolumn_WCDX3-padding isolate scroll-trigger animate--slide-in"
data-cascade
><slider-component class="slider-mobile-gutter">
<ul
class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--3-col-desktop"
id="Slider-template--28487201390937__multicolumn_WCDX3"
role="list"
><li
id="Slide-template--28487201390937__multicolumn_WCDX3-1"
class="multicolumn-list__item grid__item center scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
>
<div class="multicolumn-card content-container">
<div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
<div
class="media media--transparent media--adapt"
style="padding-bottom: 133.29253365973074%;"
>
<img src="//portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=3200" alt="" srcset="//portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=50 50w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=75 75w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=100 100w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=150 150w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=200 200w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=300 300w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=400 400w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=500 500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=750 750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=1000 1000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=1250 1250w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=1500 1500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=1750 1750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=2000 2000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=2250 2250w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=2500 2500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=2750 2750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=3000 3000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-janina.jpg?v=1784572389&width=3200 3200w" width="3200" height="4267" loading="lazy" sizes="
(min-width: 1200px) calc((1200px - 140px) * 1 / 3),
(min-width: 990px) calc((100vw - 140px) * 1 / 3),
(min-width: 750px) calc((100vw - 100px) * 1 / 1),
calc((100vw - 30px) * 1 / 1)
" class="multicolumn-card__image">
</div>
</div><div class="multicolumn-card__info"><h3 class="inline-richtext">Anniversary gift</h3><div class="rte"><p>2026</p></div></div>
</div>
</li><li
id="Slide-template--28487201390937__multicolumn_WCDX3-2"
class="multicolumn-list__item grid__item center scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 2;"
>
<div class="multicolumn-card content-container">
<div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
<div
class="media media--transparent media--adapt"
style="padding-bottom: 133.29253365973074%;"
>
<img src="//portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=3200" alt="" srcset="//portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=50 50w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=75 75w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=100 100w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=150 150w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=200 200w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=300 300w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=400 400w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=500 500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=750 750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=1000 1000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=1250 1250w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=1500 1500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=1750 1750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=2000 2000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=2250 2250w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=2500 2500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=2750 2750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=3000 3000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-shaz-marian.jpg?v=1784535280&width=3200 3200w" width="3200" height="4267" loading="lazy" sizes="
(min-width: 1200px) calc((1200px - 140px) * 1 / 3),
(min-width: 990px) calc((100vw - 140px) * 1 / 3),
(min-width: 750px) calc((100vw - 100px) * 1 / 1),
calc((100vw - 30px) * 1 / 1)
" class="multicolumn-card__image">
</div>
</div><div class="multicolumn-card__info"><h3 class="inline-richtext">Memorial portrait</h3><div class="rte"><p>2026</p></div></div>
</div>
</li><li
id="Slide-template--28487201390937__multicolumn_WCDX3-3"
class="multicolumn-list__item grid__item center scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 3;"
>
<div class="multicolumn-card content-container">
<div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
<div
class="media media--transparent media--adapt"
style="padding-bottom: 133.29253365973074%;"
>
<img src="//portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=3200" alt="" srcset="//portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=50 50w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=75 75w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=100 100w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=150 150w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=200 200w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=300 300w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=400 400w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=500 500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=750 750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=1000 1000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=1250 1250w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=1500 1500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=1750 1750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=2000 2000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=2250 2250w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=2500 2500w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=2750 2750w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=3000 3000w, //portraitsbyjunyi.com/cdn/shop/files/custom-portrait-riri-wedding-gift.jpg?v=1782818701&width=3200 3200w" width="3200" height="4265" loading="lazy" sizes="
(min-width: 1200px) calc((1200px - 140px) * 1 / 3),
(min-width: 990px) calc((100vw - 140px) * 1 / 3),
(min-width: 750px) calc((100vw - 100px) * 1 / 1),
calc((100vw - 30px) * 1 / 1)
" class="multicolumn-card__image">
</div>
</div><div class="multicolumn-card__info"><h3 class="inline-richtext">Wedding gift</h3><div class="rte"><p>2026</p></div></div>
</div>
</li></ul></slider-component>
<div class="center"><a
class="button button--primary"
href="/pages/personalised-watercolour-portraits"
>
See the whole portfolio →
</a></div>
</div>
</div>
</section><section id="shopify-section-template--28487201390937__quote_band_NqHJHX" class="shopify-section section">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,300;1,6..72,400&display=swap" rel="stylesheet">
<div class="qb-outer-template--28487201390937__quote_band_NqHJHX">
<div class="page-width">
<p class="qb-eyebrow">Every portrait starts with a conversation.</p>
<blockquote class="qb-quote">Tell me about the person and what the portrait is for. That’s the part that matters.</blockquote>
<p class="qb-attribution">— Jun-Yi</p>
<a href="/products/commissioned-portrait" class="qb-btn">
Commission a portrait <span aria-hidden="true">→</span>
</a>
</div>
</div>
<style>
.qb-outer-template--28487201390937__quote_band_NqHJHX {
padding: 80px 0;
border-top: 1px solid #E8E0D4;
border-bottom: 1px solid #E8E0D4;
background: #FAF5EC;
}
.qb-outer-template--28487201390937__quote_band_NqHJHX .qb-eyebrow {
font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--color-foreground-secondary, #8A7E72);
margin: 0 0 20px;
}
.qb-outer-template--28487201390937__quote_band_NqHJHX .qb-quote {
font-family: Georgia, "Times New Roman", serif;
font-style: italic;
font-weight: 400;
font-size: clamp(26px, 3vw, 40px);
color: #15110D;
line-height: 1.4;
max-width: 28ch;
margin: 0;
letter-spacing: -0.01em;
padding: 0;
border: none;
}
.qb-outer-template--28487201390937__quote_band_NqHJHX .qb-attribution {
font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 13px;
letter-spacing: 0.02em;
color: #8A7E72;
margin: 16px 0 28px;
}
.qb-outer-template--28487201390937__quote_band_NqHJHX .qb-btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 500;
color: #15110D;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
transition: opacity 0.15s;
}
.qb-outer-template--28487201390937__quote_band_NqHJHX .qb-btn:hover {
opacity: 0.6;
}
@media (max-width: 749px) {
.qb-outer-template--28487201390937__quote_band_NqHJHX {
padding: 56px 0;
}
}
</style>
</section><section id="shopify-section-template--28487201390937__rich_text_FaLyhM" class="shopify-section section"><link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/section-rich-text.css?v=155250126305810049721769973895" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--28487201390937__rich_text_FaLyhM-padding {
padding-top: 36px;
padding-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-template--28487201390937__rich_text_FaLyhM-padding {
padding-top: 48px;
padding-bottom: 0px;
}
}</style><div class="isolate">
<div class="rich-text content-container color-scheme-1 gradient rich-text--full-width content-container--full-width section-template--28487201390937__rich_text_FaLyhM-padding">
<div class="rich-text__wrapper rich-text__wrapper--left page-width">
<div class="rich-text__blocks left"><p
class="rich-text__caption caption-with-letter-spacing caption-with-letter-spacing--medium scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
>
What i make
</p><h2
class="rich-text__heading rte inline-richtext h0 scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 2;"
>
Two ways to give something painted.
</h2><div
class="rich-text__text rte scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 3;"
>
<p>Same hand, same style, same artist. Portraits are painted on paper over two weeks. Cards are built from hand-drawn elements you assemble yourself, a one-of-a-kind portrait that resembles whoever it's for.</p>
</div></div>
</div>
</div>
</div>
</section><div id="shopify-section-template--28487201390937__1781176540f8976ff2" class="shopify-section"><div id="shopify-block-ATDAxV3NMeXcxZUgwb__ai_gen_block_8ed00a2_VkJr8" class="shopify-block">
<style data-shopify>
.ai-two-ways-section-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
padding: 50px 0;
display: block;
}
.ai-two-ways-grid-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
}
.ai-two-ways-column-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
padding: 40px;
border-radius: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.ai-two-ways-column-left-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
background: #FFE978;
border: 1px solid #E2D6BD;
}
.ai-two-ways-column-right-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
background: #3A66C4;
border: none;
}
.ai-two-ways-top-row-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.ai-two-ways-label-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0;
}
.ai-two-ways-column-left-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-label-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
color: #15110D !important;
}
.ai-two-ways-column-right-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-label-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
color: #FAF5EC !important;
}
.ai-two-ways-note-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
font-size: 11px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
margin: 0;
}
.ai-two-ways-column-left-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-note-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
color: #6B6258 !important;
}
.ai-two-ways-column-right-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-note-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
color: rgba(247,248,250,0.6) !important;
}
.ai-two-ways-image-wrapper-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
aspect-ratio: 3/4;
overflow: hidden;
width: 100%;
}
.ai-two-ways-image-wrapper-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ai-two-ways-paragraph-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
font-family: var(--font-body-family);
font-size: 16px;
line-height: 1.6;
margin: 0;
}
.ai-two-ways-column-left-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-paragraph-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
color: #3A332B !important;
}
.ai-two-ways-column-right-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-paragraph-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
color: #FAF5EC !important;
}
.ai-two-ways-divider-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
border: none;
border-top: 1px solid rgba(21,17,13,0.15);
margin: 24px 0;
width: 100%;
}
.ai-two-ways-column-right-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-divider-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
border-top: 1px solid rgba(250,245,236,0.25);
}
.ai-two-ways-bottom-row-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.ai-two-ways-price-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
font-family: var(--font-body-family);
font-size: 22px;
font-weight: 400;
margin: 0;
}
.ai-two-ways-column-left-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-price-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
color: #15110D !important;
}
.ai-two-ways-column-right-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-price-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
color: #FAF5EC !important;
}
.ai-two-ways-button-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
font-family: var(--font-body-family);
font-size: 1.5rem;
padding: 12px 22px;
border-radius: 0;
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.ai-two-ways-column-left-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-button-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
background: #15110D;
color: #FAF5EC !important;
}
.ai-two-ways-column-right-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 .ai-two-ways-button-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
background: #FAF5EC;
color: #15110D !important;
}
.ai-two-ways-card-stack-container-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
aspect-ratio: 3/4;
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ai-two-ways-card-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
position: absolute;
width: 56%;
aspect-ratio: 21/30;
background: #FFFFFF;
padding: 10px;
box-shadow: 0 8px 24px rgba(21,17,13,0.25);
border-radius: 0;
display: flex;
flex-direction: column;
gap: 8px;
transition: transform 600ms cubic-bezier(0.2,0.7,0.2,1);
}
.ai-two-ways-card-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8.front {
transform: translate(-50%, -50%) translate(0,0) rotate(0deg);
z-index: 3;
pointer-events: none;
left: 50%;
top: 50%;
}
.ai-two-ways-card-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8.peek-right {
transform: translate(-50%, -50%) translate(26%,4%) rotate(10deg) scale(0.94);
z-index: 2;
cursor: pointer;
left: 50%;
top: 50%;
}
.ai-two-ways-card-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8.peek-left {
transform: translate(-50%, -50%) translate(-26%,4%) rotate(-10deg) scale(0.94);
z-index: 1;
cursor: pointer;
left: 50%;
top: 50%;
}
.ai-two-ways-card-image-wrapper-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
aspect-ratio: 21/30;
overflow: hidden;
width: 100%;
}
.ai-two-ways-card-image-wrapper-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ai-two-ways-card-caption-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
font-family: var(--font-body-family);
font-size: 12px;
text-align: center;
color: #3A332B !important;
margin: 0;
}
@media screen and (max-width: 768px) {
.ai-two-ways-grid-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 {
grid-template-columns: 1fr;
}
}
</style>
<two-ways-section-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 class="ai-two-ways-section-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8" >
<div class="page-width">
<div class="ai-two-ways-grid-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<div class="ai-two-ways-column-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 ai-two-ways-column-left-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<div class="ai-two-ways-top-row-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<p class="ai-two-ways-label-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">COMMISSIONED PORTRAIT</p>
<p class="ai-two-ways-note-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">~2 weeks</p>
</div>
<div class="ai-two-ways-image-wrapper-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<img
src="//portraitsbyjunyi.com/cdn/shop/files/Customer-photo-Danny.jpg?v=1785933879&width=800"
alt=""
loading="lazy"
width="1080"
height="1920"
>
</div>
<p class="ai-two-ways-paragraph-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">Customer photo of their family portrait. Painted from photographs, for their home. Sized A4 (21 x 30 cm).</p>
<hr class="ai-two-ways-divider-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<div class="ai-two-ways-bottom-row-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<p class="ai-two-ways-price-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">3 people, 1 pet, A4 - € 215</p>
<a href="/products/commissioned-portrait" class="ai-two-ways-button-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
Start here
</a>
</div>
</div>
<div class="ai-two-ways-column-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 ai-two-ways-column-right-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<div class="ai-two-ways-top-row-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<p class="ai-two-ways-label-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">PERSONALISED GREETING CARD</p>
<p class="ai-two-ways-note-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8"></p>
</div>
<div class="ai-two-ways-card-stack-container-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<div
class="ai-two-ways-card-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 peek-left"
data-card-index="1"
tabindex="0"
role="button"
aria-label="View card 1"
>
<div class="ai-two-ways-card-image-wrapper-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<img
src="//portraitsbyjunyi.com/cdn/shop/files/anniversary-card-sarah.jpg?v=1782649432&width=400"
alt=""
loading="lazy"
width="2480"
height="3508"
>
</div>
<p class="ai-two-ways-card-caption-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8"></p>
</div>
<div
class="ai-two-ways-card-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 front"
data-card-index="2"
tabindex="-1"
role="button"
aria-label="View card 2"
>
<div class="ai-two-ways-card-image-wrapper-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<img
src="//portraitsbyjunyi.com/cdn/shop/files/birthday-card-stella.jpg?v=1782812030&width=400"
alt=""
loading="lazy"
width="2480"
height="3508"
>
</div>
<p class="ai-two-ways-card-caption-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8"></p>
</div>
<div
class="ai-two-ways-card-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 peek-right"
data-card-index="3"
tabindex="0"
role="button"
aria-label="View card 3"
>
<div class="ai-two-ways-card-image-wrapper-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<img
src="//portraitsbyjunyi.com/cdn/shop/files/graduation-card-sophie.jpg?v=1782812042&width=400"
alt=""
loading="lazy"
width="2480"
height="3508"
>
</div>
<p class="ai-two-ways-card-caption-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8"></p>
</div>
</div>
<p class="ai-two-ways-paragraph-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">Design a greeting card! Pick skin, hair, outfit and an accessory to make your own portrait, then write a message.</p>
<hr class="ai-two-ways-divider-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<div class="ai-two-ways-bottom-row-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
<p class="ai-two-ways-price-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">from € 2,95</p>
<a href="/pages/personalised-greeting-cards" class="ai-two-ways-button-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8">
Design a card
</a>
</div>
</div>
</div>
</div>
</two-ways-section-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8>
<script>
(function() {
class TwoWaysSectionatdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8 extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.cards = this.querySelectorAll('.ai-two-ways-card-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8');
this.setupEventListeners();
}
setupEventListeners() {
this.cards.forEach((card) => {
card.addEventListener('click', () => {
if (!card.classList.contains('front')) {
this.cycleCards(card);
}
});
card.addEventListener('keydown', (e) => {
if ((e.key === 'Enter' || e.key === ' ') && !card.classList.contains('front')) {
e.preventDefault();
this.cycleCards(card);
}
});
});
}
cycleCards(clickedCard) {
const cardsArray = Array.from(this.cards);
const clickedIndex = cardsArray.indexOf(clickedCard);
cardsArray.forEach((card) => {
card.classList.remove('front', 'peek-left', 'peek-right');
card.setAttribute('tabindex', '-1');
});
if (clickedIndex === 0) {
cardsArray[0].classList.add('front');
cardsArray[0].setAttribute('tabindex', '-1');
if (cardsArray[1]) {
cardsArray[1].classList.add('peek-right');
cardsArray[1].setAttribute('tabindex', '0');
}
if (cardsArray[2]) {
cardsArray[2].classList.add('peek-left');
cardsArray[2].setAttribute('tabindex', '0');
}
} else if (clickedIndex === 1) {
cardsArray[1].classList.add('front');
cardsArray[1].setAttribute('tabindex', '-1');
if (cardsArray[2]) {
cardsArray[2].classList.add('peek-right');
cardsArray[2].setAttribute('tabindex', '0');
}
if (cardsArray[0]) {
cardsArray[0].classList.add('peek-left');
cardsArray[0].setAttribute('tabindex', '0');
}
} else if (clickedIndex === 2) {
cardsArray[2].classList.add('front');
cardsArray[2].setAttribute('tabindex', '-1');
if (cardsArray[0]) {
cardsArray[0].classList.add('peek-right');
cardsArray[0].setAttribute('tabindex', '0');
}
if (cardsArray[1]) {
cardsArray[1].classList.add('peek-left');
cardsArray[1].setAttribute('tabindex', '0');
}
}
}
}
customElements.define('two-ways-section-atdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8', TwoWaysSectionatdaxv3nmexcxzugwbaigenblock8ed00a2vkjr8);
})();
</script>
</div>
</div><div id="shopify-section-template--28487201390937__17811896863a217503" class="shopify-section">
</div><div id="shopify-section-template--28487201390937__1781198138c349bfd5" class="shopify-section">
</div><div id="shopify-section-template--28487201390937__1781198834691ee6be" class="shopify-section">
<style data-shopify>
.ai-about-brief-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
background: #FFB294;
width: 100%;
}
.ai-about-brief-container-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
padding-top: 96px;
padding-bottom: 96px;
}
.ai-about-brief-grid-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 96px;
align-items: start;
}
.ai-about-brief-label-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #6B6258 !important;
}
.ai-about-brief-content-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
display: flex;
flex-direction: column;
}
.ai-about-brief-lead-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
font-family: var(--font-heading-family);
font-size: 32px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.01em;
color: #15110D !important;
max-width: 32ch;
margin: 0;
}
.ai-about-brief-body-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
font-family: var(--font-body-family);
font-size: 16px;
line-height: 1.6;
color: #3A332B !important;
max-width: 52ch;
margin-top: 32px;
}
.ai-about-brief-links-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
display: flex;
gap: 14px;
margin-top: 32px;
}
.ai-about-brief-link-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
font-family: var(--font-body-family);
font-size: 16px;
line-height: 1.6;
color: #3A332B !important;
text-decoration: none;
border-bottom: 1px solid #3A332B;
padding-bottom: 2px;
transition: opacity 180ms ease;
}
.ai-about-brief-link-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.ai-about-brief-grid-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
grid-template-columns: 1fr;
gap: 24px;
}
.ai-about-brief-container-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
padding-top: 64px;
padding-bottom: 64px;
}
.ai-about-brief-lead-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
font-size: 24px;
}
.ai-about-brief-links-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md {
flex-direction: column;
gap: 12px;
}
}
</style>
<div class="ai-about-brief-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md" >
<div class="ai-about-brief-container-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md page-width">
<div class="ai-about-brief-grid-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md">
<div class="ai-about-brief-label-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md">
ABOUT
</div>
<div class="ai-about-brief-content-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md">
<p class="ai-about-brief-lead-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md">
I'm Jun-Yi. I trained as a graphic designer and illustrator, then I started painting people. I've created hundreds of portraits since 2012, and a lot of cards along the way.
</p>
<p class="ai-about-brief-body-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md">
I capture the essence of a person in my signature, minimalistic yet highly detailed style. I paint from photographs, but a portrait is also the conversation that comes before. Tell me about the person and what the portrait is for. That's the part that matters.
</p>
<div class="ai-about-brief-links-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md">
<a
href="/pages/about"
class="ai-about-brief-link-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md"
>
More about the studio
</a>
<a
href="/pages/contact"
class="ai-about-brief-link-atfjzwxlzwkj0vwrnsaigenblocke3a6b104t9md"
>
Where to find me ↗
</a>
</div>
</div>
</div>
</div>
</div>
</div><section id="shopify-section-template--28487201390937__contact_form_7CbiD4" class="shopify-section section"><link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/section-contact-form.css?v=124756058432495035521769973895" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--28487201390937__contact_form_7CbiD4-padding {
padding-top: 30px;
padding-bottom: 39px;
}
@media screen and (min-width: 750px) {
.section-template--28487201390937__contact_form_7CbiD4-padding {
padding-top: 40px;
padding-bottom: 52px;
}
}</style><div class="color-scheme-1 gradient">
<div class="contact page-width page-width--narrow section-template--28487201390937__contact_form_7CbiD4-padding"><h2 class="title title-wrapper--no-top-margin inline-richtext h0 scroll-trigger animate--slide-in">
Get in touch
</h2><form method="post" action="/contact#ContactForm" id="ContactForm" accept-charset="UTF-8" class="isolate scroll-trigger animate--slide-in"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /><div class="contact__fields">
<div class="field">
<input
class="field__input"
autocomplete="name"
type="text"
id="ContactForm-name"
name="contact[Name]"
value=""
placeholder="Name"
>
<label class="field__label" for="ContactForm-name">Name</label>
</div>
<div class="field field--with-error">
<input
autocomplete="email"
type="email"
id="ContactForm-email"
class="field__input"
name="contact[email]"
spellcheck="false"
autocapitalize="off"
value=""
aria-required="true"
placeholder="Email"
>
<label class="field__label" for="ContactForm-email">Email
<span aria-hidden="true">*</span></label
></div>
</div>
<div class="field">
<input
type="tel"
id="ContactForm-phone"
class="field__input"
autocomplete="tel"
name="contact[Phone number]"
pattern="[0-9\-]*"
value=""
placeholder="Phone number"
>
<label class="field__label" for="ContactForm-phone">Phone number</label>
</div>
<div class="field">
<textarea
rows="10"
id="ContactForm-body"
class="text-area field__input"
name="contact[Comment]"
placeholder="Comment"
></textarea>
<label class="form__label field__label" for="ContactForm-body">Comment</label>
</div>
<div class="contact__button">
<button type="submit" class="button">
Send
</button>
</div></form></div>
</div>
</section>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--28487198474585__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/section-footer.css?v=60318643098753476351769973895" rel="stylesheet" type="text/css" media="all" />
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-newsletter.css?v=4727253280200485261769973895" rel="stylesheet" type="text/css" media="all" />
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-menu.css?v=151968516119678728991769973895" rel="stylesheet" type="text/css" media="all" />
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-payment.css?v=69253961410771838501769973895" rel="stylesheet" type="text/css" media="all" />
<link href="//portraitsbyjunyi.com/cdn/shop/t/6/assets/component-list-social.css?v=35792976012981934991769973895" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.footer {
margin-top: 0px;
}
.section-sections--28487198474585__footer-padding {
padding-top: 15px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.footer {
margin-top: 0px;
}
.section-sections--28487198474585__footer-padding {
padding-top: 20px;
padding-bottom: 36px;
}
}</style><footer class="footer color-scheme-1 gradient section-sections--28487198474585__footer-padding"><div class="footer__content-top page-width"><div
class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-trigger animate--slide-in"
data-cascade
><div
class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
><ul class="footer-block__details-content list-unstyled"><li>
<a
href="/pages/personalised-watercolour-portraits"
class="link link--text list-menu__item list-menu__item--link"
>
Portraits
</a>
</li><li>
<a
href="/pages/personalised-greeting-cards"
class="link link--text list-menu__item list-menu__item--link"
>
Cards
</a>
</li><li>
<a
href="/pages/live-painting"
class="link link--text list-menu__item list-menu__item--link"
>
Live Painting
</a>
</li><li>
<a
href="/pages/about"
class="link link--text list-menu__item list-menu__item--link"
>
About
</a>
</li><li>
<a
href="/pages/contact"
class="link link--text list-menu__item list-menu__item--link"
>
Contact
</a>
</li><li>
<a
href="https://portraitsbyjunyi.com/apps/collective/retailer-referral"
class="link link--text list-menu__item list-menu__item--link"
>
For Retailers
</a>
</li></ul></div></div><div
class="footer-block--newsletter scroll-trigger animate--slide-in"
data-cascade
><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">Subscribe to our emails</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
<div class="newsletter-form__field-wrapper">
<div class="field">
<input
id="NewsletterForm--sections--28487198474585__footer"
type="email"
name="contact[email]"
class="field__input"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Email"
required
>
<label class="field__label" for="NewsletterForm--sections--28487198474585__footer">
Email
</label>
<button
type="submit"
class="newsletter-form__button field__button"
name="commit"
id="Subscribe"
aria-label="Subscribe"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</button>
</div></div></form></div><div class="footer__follow-on-shop">
<script defer="defer" async type="module" src="//portraitsbyjunyi.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"></script>
<script type="module">
await import("//portraitsbyjunyi.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js");
</script>
<shop-follow-button ux-mode="windoid" return-uri="https://portraitsbyjunyi.com/account/redirect" proxy="true"></shop-follow-button>
</div>
<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
<a href="https://www.instagram.com/portraitsbyjunyi" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
<span class="visually-hidden">Instagram</span>
</a>
</li><li class="list-social__item">
<a href="https://www.youtube.com/@portraitsbyjunyi" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
</span>
<span class="visually-hidden">YouTube</span>
</a>
</li><li class="list-social__item">
<a href="https://www.tiktok.com/@portraitsbyjunyi" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
</span>
<span class="visually-hidden">TikTok</span>
</a>
</li></ul>
</div>
</div><div
class="footer__content-bottom scroll-trigger animate--slide-in"
data-cascade
>
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__column footer__localization isolate"></div>
<div class="footer__column footer__column--info"><div class="footer__payment">
<span class="visually-hidden">Payment methods</span>
<ul class="list list-payment" role="list"><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.5717 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewBox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-mobilepay"><title id="pi-mobilepay">MobilePay</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.05 15.296s2.53-.771 4.282-.776c2.896-.007 4.857 1.15 4.857 1.15V10.06s-1.97-1.02-4.453-1.09c-2.481-.068-4.687 1.012-4.687 1.012v5.313z" fill="#5A78FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.308 9.19l2.082 4.957V9.396s1.646-.882 3.485-1.13c1.84-.249 4.181.08 4.181.08l-1.133-2.707s-2.461-.159-4.69.794c-2.228.952-3.925 2.756-3.925 2.756z" fill="#5A78FF"/><path d="M21.428 5.676l-.82-1.99a1.818 1.818 0 00-2.37-.996l-5.663 2.334a1.818 1.818 0 00-.98 2.376l5.46 13.247a1.818 1.818 0 002.37.995l5.662-2.334a1.817 1.817 0 00.98-2.376l-.677-1.642s-.462-.027-.676-.033c-.226-.006-.644-.001-.644-.001l.88 2.136a.606.606 0 01-.326.793l-5.663 2.333a.606.606 0 01-.79-.331L12.711 6.94a.606.606 0 01.327-.792L18.7 3.814a.606.606 0 01.79.332l.83 2.011s.383-.187.59-.27c.206-.082.518-.211.518-.211z" fill="#5A78FF"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li></ul>
</div></div>
</div>
<div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center">
<div class="footer__copyright caption">
<small class="copyright__content"
>© 2026, <a href="/" title="">Portraits by Jun-Yi</a></small>
<small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></small><ul class="policies list-unstyled"><li>
<small class="copyright__content"
><a href="/policies/privacy-policy">Privacy policy</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/refund-policy">Refund policy</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/terms-of-service">Terms of service</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/shipping-policy">Shipping policy</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/contact-information">Contact information</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/legal-notice">Legal notice</a></small
>
</li></ul></div>
</div>
</div>
</footer>
</div>
<!-- END sections: footer-group -->
<ul hidden>
<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
<li id="a11y-new-window-message">Opens in a new window.</li>
</ul>
<script>
window.shopUrl = 'https://portraitsbyjunyi.com';
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
};
window.cartStrings = {
error: `There was an error while updating your cart. Please try again.`,
quantityError: `You can only add [quantity] of this item to your cart.`,
};
window.variantStrings = {
addToCart: `Add to cart`,
soldOut: `Sold out`,
unavailable: `Unavailable`,
unavailable_with_option: `[value] - Unavailable`,
};
window.quickOrderListStrings = {
itemsAdded: `[quantity] items added`,
itemAdded: `[quantity] item added`,
itemsRemoved: `[quantity] items removed`,
itemRemoved: `[quantity] item removed`,
viewCart: `View cart`,
each: `[money]/ea`,
min_error: `This item has a minimum of [min]`,
max_error: `This item has a maximum of [max]`,
step_error: `You can only add this item in increments of [step]`,
};
window.accessibilityStrings = {
imageAvailable: `Image [index] is now available in gallery view`,
shareSuccess: `Link copied to clipboard`,
pauseSlideshow: `Pause slideshow`,
playSlideshow: `Play slideshow`,
recipientFormExpanded: `Gift card recipient form expanded`,
recipientFormCollapsed: `Gift card recipient form collapsed`,
countrySelectorSearchCount: `[count] countries/regions found`,
};
</script><script src="//portraitsbyjunyi.com/cdn/shop/t/6/assets/predictive-search.js?v=57209189334897115771769973895" defer="defer"></script><style> </style>
<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "index"
};
</script>
</div><!-- Failed to render app block "2611479755219051411": app block path "shopify://apps/appio-google-reviews/blocks/integration/25437a0d-2feb-4f5f-b07d-e313afa21656" does not exist --><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 58
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 58 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 1.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /products/commissioned-portrait |
<p class="announcement-bar__message h5">
<span>Studio open for orders & commissions!</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg>
</p>
|
|
Анализировать url |
| /products/personalised-anniversary-card |
<p class="announcement-bar__message h5">
<span>Design a one-of-a-kind Anniversary card for someone special!</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg>
</p>
|
|
Анализировать url |
| /products/personalised-birthday-card |
<p class="announcement-bar__message h5">
<span>NEW! Party Hat added to Birthday cards 🥳</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg>
</p>
|
|
Анализировать url |
| /pages/art-drops-by-jun-yi |
<p class="announcement-bar__message h5">
<span>🎁 Receive studio updates – join here!</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg>
</p>
|
|
Анализировать url |
| /pages/personalised-watercolour-portraits |
All portraits
|
|
Анализировать url |
| /products/commissioned-portrait |
Commission a portrait
|
|
Анализировать url |
| /products/hand-painted-family-tree |
Family Tree
|
|
Анализировать url |
| /pages/contact |
Special requests
|
|
Анализировать url |
| /pages/personalised-greeting-cards |
Browse card designs
|
|
Анализировать url |
| /products/personalised-anniversary-card |
Anniversary
|
|
Анализировать url |
| /products/personalised-birthday-card |
Birthday
|
|
Анализировать url |
| /products/personalised-graduation-card |
Graduation
|
|
Анализировать url |
| /products/create-your-own-face |
Kids Face Creator
|
|
Анализировать url |
| /pages/live-painting |
Live painting
|
|
Анализировать url |
| /pages/whimsical-illustrated-prints-for-your-home-or-for-gifting |
Watercolours & Prints
|
|
Анализировать url |
| /products/gift-card-for-portraits |
Gift cards
|
|
Анализировать url |
| /pages/about |
About
|
|
Анализировать url |
| /pages/collaborations |
Collaborations
|
|
Анализировать url |
| /blogs/what-is-jun-yi-thinking |
Blog
|
|
Анализировать url |
| /pages/contact |
Contact
|
|
Анализировать url |
| /pages/personalised-watercolour-portraits |
All portraits
|
|
Анализировать url |
| /products/commissioned-portrait |
Commission a portrait
|
|
Анализировать url |
| /products/hand-painted-family-tree |
Family Tree
|
|
Анализировать url |
| /pages/contact |
Special requests
|
|
Анализировать url |
| /pages/personalised-greeting-cards |
Browse card designs
|
|
Анализировать url |
| /products/personalised-anniversary-card |
Anniversary
|
|
Анализировать url |
| /products/personalised-birthday-card |
Birthday
|
|
Анализировать url |
| /products/personalised-graduation-card |
Graduation
|
|
Анализировать url |
| /products/create-your-own-face |
Kids Face Creator
|
|
Анализировать url |
| /pages/live-painting |
<span>Live painting</span>
|
|
Анализировать url |
| /pages/whimsical-illustrated-prints-for-your-home-or-for-gifting |
Watercolours & Prints
|
|
Анализировать url |
| /products/gift-card-for-portraits |
Gift cards
|
|
Анализировать url |
| /pages/about |
About
|
|
Анализировать url |
| /pages/collaborations |
Collaborations
|
|
Анализировать url |
| /blogs/what-is-jun-yi-thinking |
Blog
|
|
Анализировать url |
| /pages/contact |
<span>Contact</span>
|
|
Анализировать url |
| /cart |
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewbox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"></path></svg>
</span>
<span class="visually-hidden">Cart</span>
|
|
Анализировать url |
| /cart |
View cart
|
|
Анализировать url |
| /products/commissioned-portrait |
Commission a portrait →
|
|
Анализировать url |
| /pages/personalised-greeting-cards |
Design a greeting card
|
|
Анализировать url |
| /pages/personalised-watercolour-portraits |
See the whole portfolio →
|
|
Анализировать url |
| /products/commissioned-portrait |
Commission a portrait <span aria-hidden="true">→</span>
|
|
Анализировать url |
| /products/commissioned-portrait |
Start here
|
|
Анализировать url |
| /pages/personalised-greeting-cards |
Design a card
|
|
Анализировать url |
| /pages/about |
More about the studio
|
|
Анализировать url |
| /pages/contact |
Where to find me ↗
|
|
Анализировать url |
| /pages/personalised-watercolour-portraits |
Portraits
|
|
Анализировать url |
| /pages/personalised-greeting-cards |
Cards
|
|
Анализировать url |
| /pages/live-painting |
Live Painting
|
|
Анализировать url |
| /pages/about |
About
|
|
Анализировать url |
| /pages/contact |
Contact
|
|
Анализировать url |
| / |
Portraits by Jun-Yi
|
|
Анализировать url |
| /policies/privacy-policy |
Privacy policy
|
|
Анализировать url |
| /policies/refund-policy |
Refund policy
|
|
Анализировать url |
| /policies/terms-of-service |
Terms of service
|
|
Анализировать url |
| /policies/shipping-policy |
Shipping policy
|
|
Анализировать url |
| /policies/contact-information |
Contact information
|
|
Анализировать url |
| /policies/legal-notice |
Legal notice
|
|
Анализировать url |
Внешние ссылки
Кол-во: 10
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 10 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
На странице ссылки с атрибутом rel='nofollow' 2.
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| portraitsbyjunyi.com |
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"></path></svg>
</span>Log in
|
Анализировать url |
| instagram.com |
<span class="svg-wrapper"><svg class="icon icon-instagram" viewbox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"></path></svg>
</span>
<span class="visually-hidden">Instagram</span>
|
|
| tiktok.com |
<span class="svg-wrapper"><svg class="icon icon-tiktok" viewbox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"></path></svg>
</span>
<span class="visually-hidden">TikTok</span>
|
|
| youtube.com |
<span class="svg-wrapper"><svg class="icon icon-youtube" viewbox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"></path></svg>
</span>
<span class="visually-hidden">YouTube</span>
|
Анализировать url |
| portraitsbyjunyi.com |
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"></path></svg>
</span><span class="visually-hidden">Log in</span>
|
Анализировать url |
| portraitsbyjunyi.com |
For Retailers
|
Анализировать url |
| instagram.com |
<span class="svg-wrapper"><svg class="icon icon-instagram" viewbox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"></path></svg>
</span>
<span class="visually-hidden">Instagram</span>
|
|
| youtube.com |
<span class="svg-wrapper"><svg class="icon icon-youtube" viewbox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"></path></svg>
</span>
<span class="visually-hidden">YouTube</span>
|
Анализировать url |
| tiktok.com |
<span class="svg-wrapper"><svg class="icon icon-tiktok" viewbox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"></path></svg>
</span>
<span class="visually-hidden">TikTok</span>
|
|
| shopify.com |
Powered by Shopify
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Таким сайт goodputty.com видят поисковые системы. Процент оптимизации невысокий - 59%. Чтобы улучшить сайт и попасть в ТОП необходимо:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: