Tailwind CSS
Un exemplo de tipo como demostración dun produto é unha folla de proba tipográfica onde o título CAM é a interface, resaltado en letra negra e grosa de 96 px e que chama a atención só polo seu tamaño.
Paleta
Marca
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Neutro
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipografía
de 12 a 96 px · 6 pasos
- Inter — substitución: Inter (Google Fonts — this is already Inter) · contornos 400, 500, 600, 700
- IBM Plex Mono (plexMono) — substitución: IBM Plex Mono (Google Fonts) · contornos 400, 500, 600
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espazoso |
| Paso básico | 16px |
| Radio do botón | 32px (pill CTA), 4px (code/tag badges) |
| Radio da tarxeta | 8px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 96px |
| Largura da páxina | 1280px |
A IA creará o teu sitio web ao estilo de Tailwind CSS e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- AI for Business — Sala de exposicións editorial brutalista en tons grises cálidos
- Superhuman — panel editorial da hora dourada
- Visitors — debuxo de enxeñaría branco
- Vercel — Terminal impreso en papel branco
- Jeton — Un editorial sobre tecnoloxía financeira en mármore cálido
- ClickUp — Un potente panel de control sobre mármore branco. A páxina é un folleto de produto para unha ferramenta de produtividade, polo que a linguaxe visual está tomada prestada do propio produto: listas densas, indicadores de estado, grupos de avatares e declaracións tipográficas en negriña que semellan unha especificación de produto en pantalla.
- Dock — Papel crema iluminado polo sol, pulso de cobalto
- Quizlet — A aula está decorada con diversas cores sobre un fondo branco: un escritorio tranquilo, detrás do cal catro tarxetas en tons pastel son o único acento brillante sobre un fondo de paredes grises frías e unha única marca feita cun rotulador índigo.
- Airtable — Un seminario acolledor con capítulos marcados en diferentes cores
- Headspace — Un recuncho de benestar soleado sobre papel cálido
- Foodnoms — Mercado de froitas soleado sobre porcelana branca: laranxas cálidas, verduras frescas e formas redondeadas e voluminosas
- WHOOP — Laboratorio de actuación á medianoite: mesas brancas de laboratorio clínico baixo un baleiro teatral negro, un único pulso púrpura de electricidade