A collaboration software company opens with a centered proposition and work-list interface. Light regions introduce AI and editorial resources before a dark connected-work graph shows people, applications, and contextual panels linked across an expansive field.
1. Centered team-and-agent hero with work interface. 2. Team transformation and platform introduction. 3. AI and resource cards. 4. Dark connected-work graph region. 5. Floating contextual work panels. 6. Supporting product information and footer.
The ordinary task interface provides an accessible starting point for the broader system story. Switching to a dark graph gives connected information a distinct spatial language without making the entire page feel like a technical dashboard.
Refero [style page](https://styles.refero.design/style/c08ebca5-87d4-4c19-a5d7-ae5e670dae11) and [recorded video](https://images.refero.design/styles/refero.design/video/373e4944-90df-46af-b75f-980f8d5d070d.mp4); [live site](https://www.atlassian.com/) checked on 2026-10-04. 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.