Prose - Getting Started

Applying this template to your site takes only 2 minutes

  1. Click on the “Use template” button in the top right corner.
  1. Inside the Bullet dashboard, Enter the site name and the sub-domain.
  1. In the next step, duplicate the selected template into your notion workspace
  1. Get the public URL of the notion page in your workspace by clicking Share > Publish at the top of your Notion page.
  1. Paste the notion’s public URL of the template in the Bullet dashboard and click “Create”.
 
Customization:
Follow the below steps to customize your website in the Bullet dashboard.
  1. Add header, footer, logo, favicon, and 404 to your website
  1. Optimize on-page SEO for your website
  1. Add a Domain to your website
 
Brand Colour:
Every template has a default brand colour which is shown across different elements of your website like
  • Navbar CTA
  • Buttons
  • Hovers and Active elements, etc
Change it under Theme settings to match your brand.
 
References:
  • Check the notion page of this template → here.
  • Custom Code for Font and Design if you want to play around.
 
Navigate to the code section of your site in the bullet dashboard. Copy the below code and paste it inside the “Head” section.
<!-- import 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=Fredoka:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400&display=swap" rel="stylesheet">
<!-- css styles for prose template -->
<link rel="stylesheet" href="https://templates.bullet.so/prose/styles.css" />
 
Additional step for prose template due to its advanced design features. Copy the below code and paste it inside the “Body” section.
<!-- JS script for coloring tags differently.-->
<script src="https://templates.bullet.so/default/js/snippets/blogTagColor.js" defer></script>