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
- Avoice — Et snev av limegrønt på midnattstegninger. Lag lyse, dokumentlignende sideseksjoner rundt nesten svarte produksjonstrinn, og bruk deretter den lyse limegrønne fargen som et godt synlig signal for transformasjoner, markeringer og arkitektoniske merknader.
- Bee — En solrik, honninggul talisman. Lag hver skjerm som et taktilt redaksjonelt oppslag: intime bilder av håndleddsbærte produkter, innrammet i sjenerøst avrundede rammer, sammen med fet, nesten svart skrift på en gul eller lysnøytral bakgrunn.
- 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