Универс. вёрстка на TailwindCSS без макета по референсу

Нужно сделать универсальную вёрстку для витрины (каталога) микрозаймов на Tailwind CSS с использованием единой структуры HTML страницы, но визуально эта страница должна легко меняться с помощью CSS-переменных (цвета, отступы, скругления углов, шрифты Google Fonts, тени, бекграунды, svg-буллеты из различных иконпаков https://iconify.design/docs/usage/css/tailwind/ и пр.), чтобы на основе одной вёрстки можно было сделать много непохожих друг на друга страниц с единой структурой, изменяя только несколько CSS-переменных.
В вёрстке нужно предусмотреть 2 сетки с карточками: с вертикальной ориентацией (4-6 карточек в строке на десктопных разрешениях и 2 карточки на мобильных от 480px ширины вьюпорта) и с горизонтальной (1 карточка в строке для десктопов и мобильных).
Хедер и футер должны быть нейтральными (минимализм).
Сборка вёрстки должна быть сделана через Laravel Mix и сдана с исходниками.
Если будут вопросы, подробнее задачу объясню выбранному исполнителю. В откликах присылайте живые примеры своих работ. Шаблонные ответы не рассматриваю.
Примеры сайтов этой тематики:
https://vsezaimyonline.ru/nadejnie
https://ru.myfin.by/zaymy/online
https://credit-rebuild.ru/zajmy
https://credistory.ru/market-specials/luchshie-zaymy-onlayn
https://rsb24.ru/microloans-around-the-clock
https://finuslugi.ru/mikrozajmy
https://bankiros.ru/zaymy/online
https://www.creditdengi24.ru
https://www.banki.ru/microloans/catalogue/top_zaymov
https://www.sravni.ru/zaimy/top
https://zayman.ru/zaymy