A burgundy split hero pairs a serif knowledge-sharing statement and signup controls with a large workspace mockup. White chapters explain creation, organization and search through pastel interface diagrams; an integration passage follows.
1. Burgundy workspace hero. 2. Customer logo row. 3. Create chapter with editing example. 4. Organize chapter with topic diagram. 5. Search chapter with grouped results. 6. Integration passage.
The rich opening color gives the modest signup form a strong setting. Each subsequent chapter reduces one broad product idea to a readable diagram against a calm white canvas.
Refero [style page](https://styles.refero.design/style/f240ed7d-d466-478e-bbce-6c93420dfd1c) and [recorded video](https://images.refero.design/styles/refero.design/video/6035e558-60d8-449d-a5c0-64f86c493189.mp4); [live site](https://slab.com) checked on 2026-10-07. 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 current opening retains the same broad composition. The recording ends around integrations rather than establishing the full page footer.