РетроИнфографикаКомпонент
Адаптивный компонент инфографики с ретро/винтажным дизайном, пастельной цветовой гаммой и поддержкой темного режима. Использует Tailwind CSS для стилизации и включает в себя множество интерактивных элементов для сложного интерфейса, подходящего для блогов и потребления контента. Включает временную шкалу, индикаторы выполнения, диаграммы и призыв к действию, стилизованные в эстетике 80-х/90-х годов и пастельных тонах. Использует случайные изображения из picsum.photos и randomuser.me для аватаров.
HTML-код
<div class="bg-gradient-to-b from-pink-200 to-purple-200 dark:from-gray-800 dark:to-gray-900 min-h-screen p-8 font-mono">
<div class="container mx-auto">
<h1 class="text-4xl text-center text-gray-800 dark:text-white mb-12 uppercase tracking-wide">Digital Voyage: An Infographic</h1>
</div>
</div>
</div>Связанные компоненты
Компонент инфографики
Простой компонент инфографики, выполненный в стиле неоморфизма и пастельной цветовой гамме. В нем отображается карточка профиля и основная статистика в визуально привлекательном макете, подходящем для бизнес- или корпоративных сайтов.
Компонент инфографики Neumorphic E-commerce
Простой, отзывчивый компонент нейроморфной инфографики для электронной коммерции, использующий аналогичную цветовую схему и поддерживающий темный режим.
Компонент инфографики
Компонент инфографики - Темный режим пользовательского интерфейса с оттенками серого и сложным дизайном. Адаптивный с поддержкой темных тем.