- Найкращі сторінки на Carrd не вигадані з нуля — вони переспівують перевірені схеми макетів. Нижче: 20 ідей компонування, які варто вкрасти для наступної сторінки.
- У кожної ідеї є конкретне завдання (посилання в біо, портфоліо, лендинг, профіль) і той єдиний елемент, завдяки якому все працює.
- «Inspo» не означає скопіювати й вставити. Беріть структуру, а кольори, шрифти й тексти добирайте свої.
Чому варто красти макети, а не дизайни
Те, що робить сторінку на Carrd робочою, — це здебільшого структура: де стоїть CTA, скільки кнопок, куди йде зображення, скільки тексту. Ці рішення перевірені на тисячах сторінок — схеми, які працюють, цілком можна вивчити.
Кольори, шрифти й тексти — річ особиста, вони мають бути вашими. Тож правило таке: копіюйте структуру, змінюйте решту.
20 ідей макетів
1. Центрована картка профілю
Квадратна аватарка по центру, ім'я під нею, три-п'ять кнопок. Класичне посилання в біо. Нудно — і це навмисно; працює майже для всіх.
2. Hero + три кнопки + футер
Три секції: hero з фото та коротким вступом, ряд із трьох кнопок, футер з іконками соцмереж. Найпростіша «справжня» персональна сторінка.
3. Hero-фото на всю ширину
Один екран із виразним фоновим фото на всю ширину, текст у нижній третині, одна CTA-кнопка. Для надихаючих сторінок особистого бренду.
4. Двоколонковий hero
Ліва колонка — фото. Права — ім'я, текст, CTA. Дизайнерський макет, який виглядає менш шаблонно, ніж центровані картки профілю.
5. Закріплений CTA угорі
Кнопка «Забронювати дзвінок» або «Купити», що завжди тримається вгорі сторінки. Корисно для сторінок, націлених на продажі.
6. Бруталістський жовтий блок
Одна яскраво-жовта секція з чорним заголовком системним шрифтом, асиметрична композиція. Виглядає по-дизайнерськи. Важко зіпсувати.
7. Ніжна пастельна естетика
Кремовий фон, бузковий акцент, заголовок із малої літери серифом, емодзі-блискітка в заголовку. Домінантний естетичний стиль 2026 року.
8. Моноширинний «девелоперський»
JetBrains Mono або IBM Plex Mono всюди, темний фон, один яскравий акцент. Читається як «я розробник» без жодного слова про це.
9. Hero в журнальному стилі
Фото на всю ширину, курсивний серифний заголовок, підзаголовок у стилі авторської підписи. Для лайфстайл- та редакційних авторів.
10. Мінімалістичний моно
Чорне на білому (чи біле на чорному), один великий заголовок без засічок, жодних зображень. Найменше дизайнерських зусиль — і доглянута сторінка.
11. Сітка з трьох карток
Три картки поруч під hero — зазвичай «Про мене / Роботи / Контакти» або «Проєкт А / Проєкт B / Проєкт C». Відчуття багатосекційності без зайвої складності.
12. Спліт-скрін 50/50
Ліва половина — зображення. Права — текст і CTA. На мобільному міняються місцями (фото зверху). Використовують у лендингах і на відкритті портфоліо.
13. Вертикальний стек із роздільниками
Hero ? про себе ? проєкти ? контакти, розділені горизонтальними лініями. Довга персональна сторінка, яка все одно легко сканується поглядом.
14. Мозаїка в стилі Pinterest
Плитки проєктів різного розміру в masonry-сітці. Для візуальних авторів із зображеннями різних пропорцій.
15. Кнопки-скло (glassmorphism)
Напівпрозорі кнопки з розмитим фоном. Естетика vaporwave / Y2K. Вживайте помірно — легко перестаратися.
16. Піксельна рамка Y2K
Картки з піксельними рамками, градієнтний фон, масивний шрифт без засічок. Автентичний вайб 2002-го, популярний у 2026-му завдяки поверненню Y2K.
17. Насамперед збір підписок
Один заголовок (ціннісна пропозиція), один підзаголовок (аудиторія), одна форма (збір email). Жодних інших CTA у першому екрані.
18. Вертикальний довгий лендинг
Hero ? переваги ? відгуки ? ціни ? FAQ ? CTA. Повноцінний односторінковий сайт-продавець. Довший за більшість сторінок на Carrd, але саме те, що треба для запуску продукту.
19. Бічна навігація (одна сторінка)
Ліворуч фіксований сайдбар із якірними посиланнями на секції; основний контент прокручується праворуч. Збирається на контейнерах Carrd. Добре працює для портфоліо з іменованими розділами.
20. Сторінка-форма з одним питанням
Один заголовок, одне питання, одне поле. Сторінка воронки конверсії, яка робить лише одну річ. Часто використовують для списків очікування та збору інтересу перед запуском.
Як застосувати ці макети
- Оберіть макет, найближчий до вашого завдання. Не намагайтеся поєднати три.
- Зберіть його в Carrd з нуля або з найближчого шаблону. Більшість макетів вище реальні навіть на безкоштовному тарифі.
- Виберіть один акцентний колір. Решту тримайте нейтральною.
- Максимум два шрифти. Заголовок + основний текст. Три шрифти завжди виглядають аматорськи.
- Перевіряйте на реальному телефоні. Мобільний прев'ю в Carrd надійний, але власний телефон — надійніший.
Головна помилка сторінок, натхнених надто великою кількістю прикладів, — змішати чотири ідеї в одну. Оберіть одну структурну схему й дотримуйтеся її. Сторінки, які виглядають продуманими, — це ті, де сказали «ні» функціям, які вже майже додали.
Де шукати більше Carrd inspo
- Офіційна вітрина Carrd за адресою
carrd.co/showcase. - Пошук у Twitter / X за «carrd.co» або «made with carrd» — дизайнери регулярно діляться своїми сторінками.
- Пошук у Pinterest за «carrd inspiration», «aesthetic carrd», «carrd portfolio».
- Carrd Resources (carrdresources.com) — безкоштовні шаблони зі скриншотами, дібрані спільнотою.
- r/Carrd на Reddit — невелика, але активна спільнота, де діляться сторінками та макетами.
Поширені запитання
Де знайти натхнення для Carrd?
Офіційна вітрина Carrd, пошук у Twitter, дошки Pinterest, Carrd Resources і невелика спільнота на Reddit — r/Carrd.
Чи можна вільно копіювати макети Carrd?
Структуру макета — так, у цьому й суть «inspo». А от пряме копіювання чужих текстів, зображень і точного оформлення — це крадіжка, а не натхнення.
Який макет Carrd копіюють найчастіше?
Центровану картку профілю — кругла аватарка, ім'я, три кнопки. Її використовує більше авторів на Carrd, ніж будь-який інший макет, бо вона підходить майже всім.
Чи можна зробити сторінку на Carrd схожою на Linktree?
Так — вертикальний стек кнопок, фото профілю вгорі, м'який акцентний колір. Шаблон Profile Compact дає 90% результату.
Який макет Carrd найбільш недооцінений?
Бічна навігація. Більшість сторінок на Carrd складаються вертикально; фіксований сайдбар із якірними посиланнями відчувається як «справжній сайт», залишаючись односторінковим. Збирається на елементі-контейнері Carrd.
Як зробити сторінку на Carrd унікальною?
Оберіть один елемент, який буде незвичним — типографіку, палітру чи асиметрію макета, — а решту лишіть традиційною. Три незвичні рішення одразу виглядають хаотично.
- Крадіть структури макетів, а не дизайни цілком. Структура повторювана; тексти й палітра — особисті.
- Оберіть одну схему макета й дотримуйтеся її — поєднання трьох є найпоширенішою помилкою.
- Один акцентний колір, два шрифти й одне hero-зображення — дисципліна, спільна для більшості доглянутих сторінок на Carrd.
- Для складніших сценаріїв (багато секцій, електронна комерція, запис на послуги) Carrd упирається в межі — погляньте на спеціалізовані інструменти для авторів.
Потрібні готові макети для складніших сторінок?
UniLink має понад 60 готових дизайнерських блоків — посилання в біо, магазин, курс, FAQ, галерея, відгуки, донати — просто додайте їх, і сторінка вже наполовину готова.
Спробувати UniLink безкоштовно ?