Tailwind CSS
Una muestra tipográfica a modo de demostración de producto es una hoja de prueba tipográfica donde el título en sí es la interfaz, resaltado en una fuente negra en negrita de 96 píxeles y que llama la atención solo por su tamaño.
Paleta
Marca
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Neutral
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipografía
De 12 a 96 píxeles · 6 pasos
- Inter — reemplazo: Inter (Google Fonts — this is already Inter) · esquemas 400, 500, 600, 700
- IBM Plex Mono (plexMono) — reemplazo: IBM Plex Mono (Google Fonts) · esquemas 400, 500, 600
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | espacioso |
| Paso básico | 16px |
| Radio del botón | 32px (pill CTA), 4px (code/tag badges) |
| Radio de la tarjeta | 8px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 96px |
| Ancho de página | 1280px |
La IA construirá tu sitio web al estilo de Tailwind CSS y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- AI for Business — Sala de exposiciones editoriales de estilo brutalista en tonos grises cálidos.
- Superhuman — Panel editorial de la hora dorada
- Visitors — dibujo de ingeniería blanco
- Vercel — Terminal impreso en papel blanco
- Jeton — Un editorial sobre tecnología financiera en mármol cálido
- ClickUp — Un potente panel de control sobre mármol blanco. La página es un folleto de producto para una herramienta de productividad, por lo que el lenguaje visual se toma prestado del propio producto: listas densas, indicadores de estado, grupos de avatares y declaraciones tipográficas en negrita que parecen las especificaciones del producto en pantalla.
- Dock — Papel crema iluminado por el sol, pulso de cobalto
- Quizlet — El aula está decorada con una variedad de colores sobre un fondo blanco: un escritorio silencioso, detrás del cual cuatro tarjetas en tonos pastel son el único toque de color brillante sobre un fondo de paredes grises frías y una sola marca hecha con un marcador índigo.
- Airtable — Un seminario acogedor con capítulos marcados en diferentes colores.
- Headspace — Un rincón de bienestar soleado sobre papel cálido
- Foodnoms — Mercado de frutas soleado sobre porcelana blanca: naranjas cálidas, verdes frescas y formas redondeadas y voluminosas.
- WHOOP — Laboratorio de rendimiento a medianoche: mesas blancas de laboratorio clínico bajo un vacío teatral negro, un único pulso púrpura de electricidad.