A beautifully designed digital brand system and operational hub for Blessed Bites Bakery — built with HTML, CSS, and a sprinkle of magic. ✨
| Page | Description | Link |
|---|---|---|
| 🏠 Homepage | Navigation hub | index.html |
| 📊 Dashboard | Business overview & KPIs | pages/dashboard.html |
| ⚡ Command Centre | Operational control panel | pages/command-centre.html |
| 🎨 Brand Logo & Lockup | Logo variations & usage | pages/brand-logo.html |
| 🪄 Fairy Mascot Widgets | Interactive mascot elements | pages/fairy-mascot-widgets.html |
| 🖼 Logo Showcase | Full logo collection | pages/logos.html |
| 🎨 Style Guide | Colours & typography | ui_kits/style-guide-colours.html |
Bakery-Command-Centre/
├── index.html # Homepage & navigation hub
├── README.md # You are here!
├── .gitignore # Git ignore rules
│
├── assets/ # Static assets
│ ├── images/ # Logos, mascots, photos
│ │ ├── logo.png
│ │ └── mascot-fairy.png
│ ├── icons/ # UI icons & SVGs
│ └── fonts/ # Custom typography
│
├── css/ # Shared stylesheets
│ ├── colors_and_type.css # Brand colours & typography (import this!)
│ └── components.css # Reusable UI components
│
├── pages/ # All main HTML pages
│ ├── dashboard.html
│ ├── command-centre.html
│ ├── brand-logo.html
│ ├── logos.html
│ └── fairy-mascot-widgets.html
│
├── design_handoff_blessed_bites/ # Design handoff specs
│ ├── handoff-notes.md
│ └── preview-screens.png
│
├── ui_kits/ # Style guides & component libraries
│ └── style-guide-colours.html
│
├── preview/ # Preview & mockup files
└── uploads/ # Uploaded assets & exports
The Blessed Bites brand uses a warm, premium palette:
| Role | Colour | Hex |
|---|---|---|
| Primary | Warm Cream | #F5EFE6 |
| Accent | Deep Rose | #8B3A52 |
| Text | Rich Brown | #3D2314 |
| Highlight | Blush Pink | #D4857A |
| Background | Ivory | #FDFAF6 |
- Headings — Playfair Display (serif)
- Body — Nunito (sans-serif)
- Accent — Dancing Script (handwriting)
# Clone the repo
git clone https://github.com/valerie-github1/Bakery-Command-Centre.git
# Open in browser
open index.html- Create your HTML file in the
pages/folder - Add this line in the
<head>to use shared styles:<link rel="stylesheet" href="../css/colors_and_type.css"> <link rel="stylesheet" href="../css/components.css">
- Add a link to the new page in
index.html - Commit with message:
feat: Add [page name] page
| Prefix | Use for |
|---|---|
feat: |
New pages or features |
style: |
CSS changes |
fix: |
Bug fixes |
asset: |
Images, fonts, icons |
docs: |
README or handoff notes |
Mayah · B&B Creations
Designed in Penpot · Hosted on GitHub Pages
Blessed Bites — Blessed with every bite! 🧁