chic-brand

🌿 ChicLogic.io Brand

Official brand guidelines, assets, and design tokens for ChicLogic.io.
Live Site: brand.chiclogic.io

Our Reason

ChicLogic.io was born from a simple but real challenge: creators spend so much time producing amazing content, yet often struggle to keep up with the constant demand for optimization—trending hashtags, insights, or strategy tweaks. We experienced this firsthand through the journey of an influencer balancing a professional career with content creation. ChicLogic.io exists to be an agent for creators—removing the stress of research and optimization so they can focus on what they love most: creating.

---

🔎 Quick Links

• 🎨 Guidelines — Personality, logo usage, color palette, typography, voice & tone
• 🧱 Design Tokens — JSON for colors, typography, spacing, radius
• 📦 Assets — Download logos, marks, favicon
• 🏠 Home — Overview & entry point

---

🧭 Site Map

• Home
  Overview of ChicLogic.io brand & navigation to other sections

• Guidelines
  • Personality & Voice
  • Logo usage & Do’s/Don’ts
  • Color palette
  • Typography
  • Components & Tone
• Tokens
  • colors.json
  • typography.json
  • spacing.json
• Assets
  • Logo Primary (SVG)
  • Logo Mark (SVG)
  • Favicon (PNG)

---

📂 Repo Structure

• docs/ — MkDocs pages for the live site
• tokens/ — JSON design tokens used by engineering
• assets/ — Logos/icons used by both the site and product teams
• styles/ — Small CSS overrides for the site theme
• .github/workflows/pages.yml — GitHub Pages build & deploy

---

🛠️ Local Preview

```bash python -m venv .venv && source .venv/bin/activate pip install -r requirements.txt mkdocs serve

open http://127.0.0.1:8000