Tailwind CSS
Uma amostra tipográfica como demonstração de produto é uma folha de prova tipográfica onde o título CAM é a interface, destacado em negrito preto com fonte de 96px e que chama a atenção apenas pelo seu tamanho.
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
Tipografia
de 12 a 96px · 6 etapas
- Inter — substituição: Inter (Google Fonts — this is already Inter) · esboços 400, 500, 600, 700
- IBM Plex Mono (plexMono) — substituição: IBM Plex Mono (Google Fonts) · esboços 400, 500, 600
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espaçoso |
| Passo básico | 16px |
| Raio do botão | 32px (pill CTA), 4px (code/tag badges) |
| Raio do cartão | 8px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 96px |
| Largura da página | 1280px |
A IA criará seu site no estilo Tailwind CSS e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- AI for Business — Showroom editorial brutalista em tons de cinza quente.
- Superhuman — painel editorial da hora dourada
- Visitors — desenho de engenharia branco
- Vercel — Terminal impresso em papel branco
- Jeton — Um editorial sobre fintech no Warm Marble.
- ClickUp — Um painel de controle poderoso sobre mármore branco. A página é um folheto de produto para uma ferramenta de produtividade, portanto a linguagem visual é emprestada do próprio produto: listas densas, indicadores de status, grupos de avatares e declarações tipográficas em negrito que se assemelham a uma especificação de produto em exibição.
- Dock — Papel Creme Iluminado pelo Sol, Pulso Cobalto
- Quizlet — A sala de aula é decorada com uma variedade de cores sobre um fundo branco - uma carteira silenciosa, atrás da qual quatro cartões em tons pastel são o único ponto de cor vibrante em meio a paredes cinza-escuras e uma única marca feita com um marcador índigo.
- Airtable — Um seminário acolhedor com capítulos identificados por cores diferentes.
- Headspace — Um cantinho ensolarado de bem-estar em papel aconchegante.
- Foodnoms — Mercado de frutas ensolarado em porcelana branca - laranjas em tons quentes, verduras frescas e formas arredondadas e volumosas.
- WHOOP — Laboratório de performance à meia-noite - mesas brancas de laboratório clínico sob um vazio teatral negro, um único pulso púrpura de eletricidade.