@sanity/demo
TypeScript icon, indicating that this package has built-in type declarations

2.0.0 • Public • Published

@sanity/demo

Design tokens and guidelines for implementing demos and templates at Sanity.io.

Installation

npm install @sanity/demo

Local development

git clone git@github.com:sanity-io/demo.git
cd demo
pnpm install
pnpm dev
# Open Vite development server

Usage

Follow these steps to configure your demo:

Installing fonts

Sanity demos use Inter, PT Serif, and IBM Plex Mono. Add this snippet inside the <head> tag of your application:

<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
  href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;700&family=Inter:wght@500;700;800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
  rel="stylesheet"
/>

Usage with Tailwind

// tailwind.config.js

const {theme} = require('@sanity/demo/tailwind')

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [...],
  theme,
  plugins: [require('@tailwindcss/typography')],
}

License

MIT © Sanity.io

Package Sidebar

Install

npm i @sanity/demo

Weekly Downloads

1,837

Version

2.0.0

License

MIT

Unpacked Size

37.3 kB

Total Files

17

Last publish

Collaborators

  • kmelve
  • bjoerge
  • rexxars
  • skogsmaskin
  • tonina
  • mattcraig
  • joneidejohnsen
  • rubioz
  • robinpyon
  • mariuslundgard
  • sanity-io
  • evenw
  • radhe_sanity
  • rbotten
  • danielsgroves
  • judofyr
  • ryanblock
  • obliadp
  • dcilke
  • madken
  • fredcarlsen
  • hermanw
  • tambet
  • sgulseth
  • atombender
  • simeonsanity
  • stipsan
  • snorreeb
  • rankers
  • rdunk
  • michael-sanity
  • vincentquigley
  • ritasdias
  • kenjonespizza
  • josh_sanity_io
  • cngonzalez-sanity
  • jjburbridge
  • tdfka_rick
  • svirs
  • ryanbonial-sanity
  • indrek.karner
  • ash
  • sergeisarviro
  • refiito
  • drewsanity
  • kaspar.lippmaa.sanity
  • dam
  • simen.svale
  • tbeseda
  • daniel.malmer
  • jordanl17
  • colepeters
  • armandocerna
  • joan_miralles_paez
  • christianhg
  • pedro-sanity
  • jwoods-sanity
  • ricokahler
  • tiit.kass.saity
  • binoy14
  • pauloborgesf
  • ausha
  • chrislarocquesanity
  • rostimelk
  • mattlewine.sanity
  • msfragala
  • adoprog
  • tonysanity
  • mrmrs
  • betson
  • georgedoescode
  • macdonst
  • eoinsanity
  • dashedstripes
  • jmswrnr
  • snocorp_sanity
  • mmgj
  • filmaj
  • samhem
  • gu-stav
  • patricksanity
  • mads.mogenshoj
  • sanitytom
  • sanity-cb
  • mm-sanity
  • sanitykev
  • victor.ayogu
  • ryanbethel_sanity
  • brianleroux
  • johnsicili
  • p10e
  • krlund
  • adrainhiss-sanity
  • jonahsnider
  • mwritter
  • torbratsbergsanity