Tailwind CSS
Ett typprov som en produktdemo är ett typografiskt korrekturark där CAM-titeln är gränssnittet, markerat med fet svart 96px-teckensnitt och som drar till sig uppmärksamhet enbart genom sin storlek.
Palett
Stämpla
- 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
Typografi
från 12 till 96px · 6 steg
- Inter — ersättning: Inter (Google Fonts — this is already Inter) · konturer 400, 500, 600, 700
- IBM Plex Mono (plexMono) — ersättning: IBM Plex Mono (Google Fonts) · konturer 400, 500, 600
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 16px |
| Knappradie | 32px (pill CTA), 4px (code/tag badges) |
| Kortradie | 8px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 96px |
| Sidbredd | 1280px |
AI kommer att bygga din webbplats i Tailwind CSS -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- AI for Business — Brutalistiskt redaktionellt showroom i varma gråtoner
- Superhuman — gyllene timmen redaktionell panel
- Visitors — vit teknisk ritning
- Vercel — Terminal tryckt på vitt papper
- Jeton — Ledare om fintech på varm marmor
- ClickUp — En kraftfull instrumentpanel på vit marmor. Sidan är en produktbroschyr för ett produktivitetsverktyg, så det visuella språket är lånat från själva produkten: täta listor, statusindikatorer, grupper av avatarer och djärva typografiska uttalanden som ser ut som en produktspecifikation på display.
- Dock — Solbelyst krämpapper, koboltpuls
- Quizlet — Klassrummet är inrett i en mängd olika färger mot en vit bakgrund – ett tyst skrivbord, bakom vilket fyra pastellkort är den enda ljusa accenten mot en bakgrund av svala grå väggar och ett enda streck gjort med en indigo-penna.
- Airtable — Ett mysigt seminarium med kapitel markerade i olika färger
- Headspace — En solig wellnesshörna på varmt papper
- Foodnoms — Solig fruktmarknad på vitt porslin - varma apelsiner, färska gröna blad och voluminösa rundade former
- WHOOP — Performance lab vid midnatt - vita kliniska labbord under ett svart teatertomrum, en enda lila puls av elektricitet