Tailwind CSS
Produktu-demo gisa mota-lagin bat tipografia-proba-orri bat da, non CAM izenburua interfazea den, 96px-ko letra-tipo beltz lodiz nabarmenduta eta bere tamainagatik bakarrik arreta erakartzen duena.
Paleta
Marka
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Neutroa
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipografia
12tik 96px-ra · 6 urrats
- Inter — ordezkapena: Inter (Google Fonts — this is already Inter) · eskemak 400, 500, 600, 700
- IBM Plex Mono (plexMono) — ordezkapena: IBM Plex Mono (Google Fonts) · eskemak 400, 500, 600
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | zabal |
| Oinarrizko urratsa | 16px |
| Botoiaren erradioa | 32px (pill CTA), 4px (code/tag badges) |
| Txartelaren erradioa | 8px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 96px |
| Orriaren zabalera | 1280px |
Adimen artifizialak zure webgunea Tailwind CSS estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- AI for Business — Brutalista erredakzio-erakusleihoa gris tonu beroetan
- Superhuman — Urrezko Orduko erredakzio-batzordea
- Visitors — ingeniaritza marrazki zuria
- Vercel — Terminala paper zurian inprimatuta
- Jeton — Fintech-i buruzko editorial bat marmol epelaren gainean
- ClickUp — Marmol zuriaren gaineko aginte-panel indartsua. Orrialdea produktibitate-tresna baten produktu-liburuxka bat da, beraz, hizkuntza bisuala produktutik bertatik hartua da: zerrenda trinkoak, egoera-adierazleak, avatarren taldeak eta produktuaren zehaztapen baten itxura duten adierazpen tipografiko lodiak.
- Dock — Eguzkitako krema-papera, kobalto-pultsua
- Quizlet — Ikasgela kolore askotan apainduta dago atzealde zuri baten gainean - mahai lasai bat, eta atzean lau pastel txartel dira azentu distiratsu bakarra, horma gris hotz eta indigo errotulagailu batekin egindako marka bakarraren atzealdean.
- Airtable — Kolore ezberdinetan markatutako kapituluak dituen mintegi erosoa
- Headspace — Ongizate txoko eguzkitsu bat paper epel batean
- Foodnoms — Fruta merkatu eguzkitsua portzelana zurian - laranja epelak, berde freskoak eta forma biribildu handiak
- WHOOP — Gauerdiko emanaldi-laborategia - mahai zuri klinikoak hutsune teatral beltz baten azpian, elektrizitate-pultsu more bakarra