Tailwind CSS
A type sample as a product demo is a typographic proof sheet where the CAM title is the interface, highlighted in bold black 96px font and attracting attention by its size alone.
Palette
Brand
- 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
Typography
from 12 to 96px · 6 steps
- Inter — replacement: Inter (Google Fonts — this is already Inter) · outlines 400, 500, 600, 700
- IBM Plex Mono (plexMono) — replacement: IBM Plex Mono (Google Fonts) · outlines 400, 500, 600
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | spacious |
| Basic step | 16px |
| Button radius | 32px (pill CTA), 4px (code/tag badges) |
| Card radius | 8px |
| Shadows | no - borders instead of shadows |
| Between sections | 96px |
| Page width | 1280px |
AI will build your website in Tailwind CSS style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- AI for Business — Brutalist editorial showroom in warm grey tones
- Superhuman — golden hour editorial panel
- Visitors — white engineering drawing
- Vercel — Terminal printed on white paper
- Jeton — An editorial about fintech on warm marble
- ClickUp — A powerful dashboard on white marble. The page is a product brochure for a productivity tool, so the visual language is borrowed from the product itself: dense lists, status indicators, groups of avatars, and bold typographic statements that look like a product specification on display.
- Dock — Sunlit Cream Paper, Cobalt Pulse
- Quizlet — The classroom is decorated in a variety of colors against a white background - a quiet desk, behind which four pastel cards are the only bright accent against a backdrop of cool gray walls and a single mark made with an indigo marker.
- Airtable — A cozy seminar with chapters marked in different colors
- Headspace — A sunny wellness corner on warm paper
- Foodnoms — Sunny fruit market on white porcelain - warm oranges, fresh greens and voluminous rounded shapes
- WHOOP — Performance lab at midnight - white clinical lab tables under a black theatrical void, a single purple pulse of electricity