Tailwind CSS
Mae sampl teip fel demo cynnyrch yn ddalen brawf deipograffig lle mae teitl y CAM yn rhyngwyneb, wedi'i amlygu mewn ffont du trwm 96px ac yn denu sylw oherwydd ei faint yn unig.
Palet
Brand
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Niwtral
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Teipograffeg
o 12 i 96px · 6 cam
- Inter — amnewid: Inter (Google Fonts — this is already Inter) · amlinelliadau 400, 500, 600, 700
- IBM Plex Mono (plexMono) — amnewid: IBM Plex Mono (Google Fonts) · amlinelliadau 400, 500, 600
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | eang |
| Cam sylfaenol | 16px |
| Radiws botwm | 32px (pill CTA), 4px (code/tag badges) |
| Radiws y cerdyn | 8px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 96px |
| Lled y dudalen | 1280px |
Bydd AI yn adeiladu eich gwefan yn null Tailwind CSS ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Avoice — Cyffyrddiad o wyrdd leim ar luniadau hanner nos. Crëwch adrannau tudalen golau, tebyg i ddogfen o amgylch camau cynhyrchu bron yn ddu, yna defnyddiwch y gwyrdd leim llachar fel ciw gweladwy iawn ar gyfer trawsnewidiadau, detholiadau ac anodiadau pensaernïol.
- Bee — Talisman heulog, melyn mêl. Crëwch bob sgrin fel taeniad golygyddol cyffyrddol: delweddau agos atoch o gynhyrchion a wisgir ar yr arddwrn, wedi'u fframio mewn fframiau crwn hael, ochr yn ochr â theip beiddgar, bron yn ddu ar gefndir melyn neu niwtral o ran golau.
- AI for Business — Ystafell arddangos olygyddol greulon mewn arlliwiau llwyd cynnes
- Superhuman — panel golygyddol awr aur
- Visitors — llun peirianneg gwyn
- Vercel — Terfynell wedi'i hargraffu ar bapur gwyn
- Jeton — Erthygl olygyddol am fintech ar farmor cynnes
- ClickUp — Dangosfwrdd pwerus ar farmor gwyn. Mae'r dudalen yn llyfryn cynnyrch ar gyfer offeryn cynhyrchiant, felly mae'r iaith weledol wedi'i benthyg o'r cynnyrch ei hun: rhestrau dwys, dangosyddion statws, grwpiau o avatarau, a datganiadau teipograffig beiddgar sy'n edrych fel manyleb cynnyrch ar ddangos.
- Dock — Papur Hufen Haul, Pwls Cobalt
- Quizlet — Mae'r ystafell ddosbarth wedi'i haddurno mewn amrywiaeth o liwiau yn erbyn cefndir gwyn - desg dawel, y tu ôl iddi mae pedwar cerdyn pastel yn acen llachar yn unig yn erbyn cefndir o waliau llwyd oer ac un marc wedi'i wneud â marciwr indigo.
- Airtable — Seminar cyfforddus gyda phenodau wedi'u marcio mewn gwahanol liwiau
- Headspace — Cornel lles heulog ar bapur cynnes