# Bullet AI Overview
### **What Bullet AI Does?**
Bullet AI helps you style your Notion-powered site. It doesn’t change your layout. Layout is always managed in Notion. Instead, it changes how things _look_: colors, fonts, spacing, borders, and more.
Think of Notion as the **structure** of your site, and Bullet AI as the **paintbrush** that makes it look good.
## Important Notes:
* **Bullet AI is a paid feature.** AI styling consumes credits due to high computational costs, so AI-powered site creation is only available on paid plans.
* **Existing sites cannot use AI styling yet.** We’ve rebuilt Bullet.so to be compatible with AI Editor, we are working on a way to migrate all the existing sites to the new AI powered site soon.
* The Pro AI Site plan includes all AI features, while the Legacy plan supports normal site creation without AI.
## Key Features
1. **Block-Specific AI Styling** – Style individual blocks with AI-generated designs for one-off customization.
2. **Site-Wide AI Styling** – Apply consistent styles across the entire page for a unified look.
3. **Attach Image & Design** – Upload a screenshot or design image to guide AI and quickly match a preferred style.
4. **Code Access & Rollback** – View or edit the generated CSS directly, and revert to earlier versions if needed.
## Where to Make Changes
* **In Notion** – Change the content and layout. Add or remove sections, rearrange blocks, or insert images here.
* **In Bullet AI** – Change styles. Adjust fonts, colors, spacing, or the overall look.
* **In Design Mode** – Make small, direct changes like font size, alignment, spacing, or background color.
* **With CSS** – For advanced users who want total control.
## Quick Decision Guide: Where to Edit
| What do you want to do? | Use this tool |
| :-------------------------------------------------------------- | :----------------------- |
| Add, remove, or rearrange content/layout | **Notion** |
| Change how things look (colors, fonts, spacing) | **Bullet AI** |
| Make exact pixel-perfect tweaks (e.g., spacing, alignment, etc) | **Design Mode** |
| Try fresh design inspiration or complex style combos | **AI with Image upload** |
| Apply device-specific or advanced rules | **Custom CSS** |
Bullet AI helps you style your Notion-powered site. It doesn’t change your layout. Layout is always managed in Notion. Instead, it changes how things look: colors, fonts, spacing, borders, and more.
Think of Notion as the structure of your site, and Bullet AI as the paintbrush that makes it look good.
-
Bullet AI is a paid feature. AI styling consumes credits due to high computational costs, so AI-powered site creation is only available on paid plans.
-
Existing sites cannot use AI styling yet. We’ve rebuilt Bullet.so to be compatible with AI Editor, we are working on a way to migrate all the existing sites to the new AI powered site soon.
-
The Pro AI Site plan includes all AI features, while the Legacy plan supports normal site creation without AI.
-
Block-Specific AI Styling – Style individual blocks with AI-generated designs for one-off customization.
-
Site-Wide AI Styling – Apply consistent styles across the entire page for a unified look.
-
Attach Image & Design – Upload a screenshot or design image to guide AI and quickly match a preferred style.
-
Code Access & Rollback – View or edit the generated CSS directly, and revert to earlier versions if needed.
-
In Notion – Change the content and layout. Add or remove sections, rearrange blocks, or insert images here.
-
In Bullet AI – Change styles. Adjust fonts, colors, spacing, or the overall look.
-
In Design Mode – Make small, direct changes like font size, alignment, spacing, or background color.
-
With CSS – For advanced users who want total control.
| What do you want to do? |
Use this tool |
| Add, remove, or rearrange content/layout |
Notion |
| Change how things look (colors, fonts, spacing) |
Bullet AI |
| Make exact pixel-perfect tweaks (e.g., spacing, alignment, etc) |
Design Mode |
| Try fresh design inspiration or complex style combos |
AI with Image upload |
| Apply device-specific or advanced rules |
Custom CSS |
