BaseHub presents its CMS through a large dark editor bounded by a thick orange frame and an informal orange annotation. Smaller branching, code and commit demonstrations continue the black canvas before pricing and template previews introduce more structured choices.
1. Black introduction and orange action. 2. Large editor playground. 3. Document-editing explanation. 4. Branching interface. 5. Query-code sample. 6. Commit and change-history panel. 7. Pricing comparison. 8. Template previews and closing strip.
Orange framing makes the editor the unmistakable center of the page. Repeating the dark interface treatment across branching and code keeps the technical story coherent, while small annotations add a less formal tone.
Refero [style page](https://styles.refero.design/style/2cfb738d-6c44-4628-a2f5-e9c9fc92a0ca) and [recorded video](https://images.refero.design/styles/refero.design/video/1f133206-2c84-4199-8fd7-3111c393a33d.mp4); [live site](https://basehub.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The live page adds a joining-Vercel announcement above the headline. The editor playground was viewed but not edited, and no branch, query or commit action was submitted.