Â
Check out the demo.
Find the template Here.
Â
This template was created by Zack.
How to use this Template
- Click the template link above.
- Duplicate the template in the top right corner.
- Use your new Notion Url for the page in the Potion Dashboard when setting up the site.
- After creating the site, in the Potion dashboard under Snippet Injection, copy and paste the following code 👇
<link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital@0;1&display=swap" rel="stylesheet"> <style> .notion.notion-app { font-family: 'PT Serif'; } :root { font-family: 'PT Serif'; --fg-color: rgba(255, 255, 255, 0.9); --fg-color-0: var(--fg-color); --fg-color-1: var(--fg-color); --fg-color-2: var(--fg-color); --fg-color-3: var(--fg-color); --fg-color-4: var(--fg-color); --fg-color-5: rgba(255, 255, 255, 0.7); --fg-color-6: #fff; --fg-color-icon: #fff; --bg-color: #2f3437; --bg-color-0: rgb(71, 76, 80); --bg-color-1: rgb(63, 68, 71); --bg-color-2: rgba(135, 131, 120, 0.15); --notion-red: rgb(255, 115, 105); --notion-pink: rgb(226, 85, 161); --notion-blue: rgb(82, 156, 202); --notion-purple: rgb(154, 109, 215); --notion-teal: rgb(77, 171, 154); --notion-yellow: rgb(255, 220, 73); --notion-orange: rgb(255, 163, 68); --notion-brown: rgb(147, 114, 100); --notion-gray: rgba(151, 154, 155, 0.95); --notion-red_background: rgb(89, 65, 65); --notion-pink_background: rgb(83, 59, 76); --notion-blue_background: rgb(54, 73, 84); --notion-purple_background: rgb(68, 63, 87); --notion-teal_background: rgb(53, 76, 75); --notion-yellow_background: rgb(89, 86, 59); --notion-orange_background: rgb(89, 74, 58); --notion-brown_background: rgb(67, 64, 64); --notion-gray_background: rgb(69, 75, 78); --notion-red_background_co: rgba(89, 65, 65, 0.3); --notion-pink_background_co: rgba(83, 59, 76, 0.3); --notion-blue_background_co: rgba(120, 162, 187, 0.3); --notion-purple_background_co: rgba(68, 63, 87, 0.3); --notion-teal_background_co: rgba(53, 76, 75, 0.3); --notion-yellow_background_co: rgba(89, 86, 59, 0.3); --notion-orange_background_co: rgba(89, 74, 58, 0.3); --notion-brown_background_co: rgba(67, 64, 64, 0.3); --notion-gray_background_co: rgba(69, 75, 78, 0.3); } </style>