Tailwind CSS
Et typeeksempel som en produktdemo er et typografisk korrekturark der CAM-tittelen er grensesnittet, uthevet i fet svart skrifttype på 96 piksler og tiltrekker seg oppmerksomhet bare med størrelsen.
Palett
Merke
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Nøytral
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Typografi
fra 12 til 96 piksler · 6 trinn
- Inter — erstatning: Inter (Google Fonts — this is already Inter) · omriss 400, 500, 600, 700
- IBM Plex Mono (plexMono) — erstatning: IBM Plex Mono (Google Fonts) · omriss 400, 500, 600
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 16px |
| Knapperadius | 32px (pill CTA), 4px (code/tag badges) |
| Kortradius | 8px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 96px |
| Sidebredde | 1280px |
AI vil bygge nettstedet ditt i Tailwind CSS -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- AI for Business — Brutalistisk redaksjonelt showroom i varme gråtoner
- Superhuman — redaksjonspanelet for den gylne timen
- Visitors — hvit ingeniørtegning
- Vercel — Terminal trykt på hvitt papir
- Jeton — Lederartikkel om fintech på varm marmor
- ClickUp — Et kraftig dashbord på hvit marmor. Siden er en produktbrosjyre for et produktivitetsverktøy, så det visuelle språket er lånt fra selve produktet: tette lister, statusindikatorer, grupper av avatarer og dristige typografiske utsagn som ser ut som en produktspesifikasjon på skjermen.
- Dock — Solbelyst kremfarget papir, koboltpuls
- Quizlet — Klasserommet er dekorert i en rekke farger mot en hvit bakgrunn – et stille skrivebord, bak hvilket fire pastellkort er den eneste lyse aksent mot et bakteppe av kjølige grå vegger og et enkelt merke laget med en indigo-tusj.
- Airtable — Et koselig seminar med kapitler merket med forskjellige farger
- Headspace — Et solrikt velværehjørne på varmt papir
- Foodnoms — Solrikt fruktmarked på hvitt porselen - varme appelsiner, friske grønnsaker og omfangsrike, avrundede former
- WHOOP — Performancelab ved midnatt - hvite kliniske laboratoriebord under et svart teatralsk tomrom, en enkelt lilla puls av elektrisitet