Skip to content

docs: dark README section headers #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DaCameraGirl merged 1 commit into from
Jun 27, 2026
Merged

docs: dark README section headers #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 42 additions & 14 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,8 @@
<img src="https://img.shields.io/badge/API-Railway-0B0D0E?style=flat-square&logo=railway&logoColor=white" alt="Backend on Railway" />
</p>

### Languages
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=Languages&fontSize=22&fontColor=e6edf3" width="520" alt="Languages" /></p>

<p align="center">
<img src="https://img.shields.io/badge/JavaScript-59%25-F7DF1E?style=flat-square&logo=javascript&logoColor=111" alt="JavaScript 59%" />
Expand Down Expand Up @@ -49,9 +50,12 @@ Compass Ultra is a release control room for feature-flagged software. Review fla

![demo](docs/demo.gif)

## At a glance
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=At%20a%20glance&fontSize=22&fontColor=e6edf3" width="720" alt="At a glance" /></p>


```mermaid
%%{init: {'theme': 'dark'}}%%
flowchart LR
A[Import flags] --> B[Evaluate context]
B --> C[Policy gates]
Expand All @@ -71,7 +75,9 @@ flowchart LR

---

## ✨ Why Compass Ultra?
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%E2%9C%A8%20Why%20Compass%20Ultra%3F&fontSize=22&fontColor=e6edf3" width="720" alt="✨ Why Compass Ultra?" /></p>


Feature flags are supposed to make releases safer.

Expand Down Expand Up @@ -103,7 +109,9 @@ Your team can answer:

---

## ⚡ The Short Version
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%E2%9A%A1%20The%20Short%20Version&fontSize=22&fontColor=e6edf3" width="720" alt="⚡ The Short Version" /></p>


Compass Ultra helps teams review and prove release readiness before shipping.

Expand All @@ -118,7 +126,9 @@ A typical release review looks like this:

---

## 🎮 Live Demo
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%8E%AE%20Live%20Demo&fontSize=22&fontColor=e6edf3" width="720" alt="🎮 Live Demo" /></p>


The demo works without an account:

Expand All @@ -138,7 +148,9 @@ The demo simulates a risky retail release (Black Friday eve, `peak-sale-2026.11`

---

## 🧠 Core Features
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%A7%A0%20Core%20Features&fontSize=22&fontColor=e6edf3" width="720" alt="🧠 Core Features" /></p>


### 🚦 Release Risk Analyzer

Expand Down Expand Up @@ -313,7 +325,9 @@ All blocked actions are logged with actor, role, gate triggered, and exact times

---

## 🧭 Product Positioning
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%A7%AD%20Product%20Positioning&fontSize=22&fontColor=e6edf3" width="720" alt="🧭 Product Positioning" /></p>


Compass Ultra is **not** a feature flag provider.

Expand All @@ -325,7 +339,9 @@ Use it when you need a clear answer to:

---

## 💸 Pricing
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%92%B8%20Pricing&fontSize=22&fontColor=e6edf3" width="720" alt="💸 Pricing" /></p>


| Plan | Price | Seats | Best for |
| --- | ---: | ---: | --- |
Expand All @@ -341,7 +357,9 @@ No credit card required. Trials downgrade to Free automatically unless the custo

---

## 🛠️ Tech Stack
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%9B%A0%EF%B8%8F%20Tech%20Stack&fontSize=22&fontColor=e6edf3" width="720" alt="🛠️ Tech Stack" /></p>


| Layer | Technology |
| --- | --- |
Expand All @@ -361,7 +379,9 @@ No credit card required. Trials downgrade to Free automatically unless the custo

---

## 📦 Repositories
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%93%A6%20Repositories&fontSize=22&fontColor=e6edf3" width="720" alt="📦 Repositories" /></p>


| Repo | What it is |
| --- | --- |
Expand All @@ -374,7 +394,9 @@ This public repository is the **marketing and docs surface**. The live product r

---

## 🔒 Security Model
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%94%92%20Security%20Model&fontSize=22&fontColor=e6edf3" width="720" alt="🔒 Security Model" /></p>


Compass Ultra is designed as a release review layer.

Expand All @@ -389,7 +411,9 @@ Compass Ultra is designed as a release review layer.

---

## 🗺️ Roadmap
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%97%BA%EF%B8%8F%20Roadmap&fontSize=22&fontColor=e6edf3" width="720" alt="🗺️ Roadmap" /></p>


* 🧾 Full backend-enforced seat limits
* 🧪 No-card trial lifecycle automation
Expand All @@ -405,7 +429,9 @@ Compass Ultra is designed as a release review layer.

---

## ✅ Status
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%E2%9C%85%20Status&fontSize=22&fontColor=e6edf3" width="720" alt="✅ Status" /></p>


<p align="center">
<a href="https://www.compassultra.com"><img src="https://img.shields.io/badge/Production-www.compassultra.com-0b63ce?style=for-the-badge&logo=vercel&logoColor=white" alt="Production" /></a>
Expand All @@ -415,7 +441,9 @@ Compass Ultra is designed as a release review layer.

---

## 🚀 Built For
<p align="center"><img src="docs/readme-divider.svg" width="720" alt="" /></p>
<p align="center"><img src="https://capsule-render.vercel.app/api?type=rect&color=070b14&height=50&section=header&text=%F0%9F%9A%80%20Built%20For&fontSize=22&fontColor=e6edf3" width="720" alt="🚀 Built For" /></p>


Teams that ship fast and still need proof before production.

Expand Down
11 changes: 11 additions & 0 deletions docs/readme-divider.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading