Tailwind CSS
Un campione tipografico come demo del prodotto è una bozza tipografica in cui il titolo CAM è l'interfaccia, evidenziato in grassetto con un carattere nero di 96 pixel e che attira l'attenzione già solo per le sue dimensioni.
Tavolozza
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
da 12 a 96px · 6 passaggi
- Inter — sostituzione: Inter (Google Fonts — this is already Inter) · contorni 400, 500, 600, 700
- IBM Plex Mono (plexMono) — sostituzione: IBM Plex Mono (Google Fonts) · contorni 400, 500, 600
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | spazioso |
| Passo base | 16px |
| Raggio del pulsante | 32px (pill CTA), 4px (code/tag badges) |
| Raggio della carta | 8px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 96px |
| Larghezza del pannello | 1280px |
L'IA creerà il tuo sito web nello stile Tailwind CSS e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Avoice — Un tocco di verde lime su disegni color notte. Crea sezioni di pagina leggere, simili a documenti, attorno a fasi di produzione quasi nere, quindi usa il verde lime brillante come indicatore ben visibile per trasformazioni, selezioni e annotazioni architettoniche.
- Bee — Un talismano solare color giallo miele. Crea ogni schermata come una doppia pagina editoriale tattile: immagini intime di prodotti da indossare al polso, incorniciate in cornici generosamente arrotondate, insieme a caratteri audaci, quasi neri, su uno sfondo giallo o neutro chiaro.
- AI for Business — Sala espositiva in stile brutalista dai toni caldi del grigio.
- Superhuman — panel editoriale dell'ora d'oro
- Visitors — disegno tecnico bianco
- Vercel — Terminale stampato su carta bianca
- Jeton — Un editoriale sul fintech su marmo caldo
- ClickUp — Una dashboard di grande impatto su sfondo di marmo bianco. La pagina è una brochure di prodotto per uno strumento di produttività, quindi il linguaggio visivo è mutuato dal prodotto stesso: elenchi densi, indicatori di stato, gruppi di avatar e affermazioni tipografiche in grassetto che sembrano le specifiche di un prodotto esposto.
- Dock — Carta color crema illuminata dal sole, impulso cobalto
- Quizlet — L'aula è decorata con una varietà di colori su uno sfondo bianco: un banco sobrio, dietro il quale quattro cartoncini color pastello sono l'unico accento di colore acceso su uno sfondo di pareti grigio freddo e un unico segno fatto con un pennarello indaco.
- Airtable — Un seminario accogliente con capitoli contrassegnati da colori diversi.
- Headspace — Un angolo benessere soleggiato su carta calda