A dark hero uses purple gradient lettering above a metallic token-processing illustration with connected modules. The page becomes white for design-language, collaboration and workflow explanations, framed by product interfaces and code-like outputs. Integration icons, customer proof and a purple closing panel complete the sequence.
1. Dark token-engine hero and connected modules. 2. Logo proof band. 3. Light design-language and collaboration explanations. 4. Workflow and output demonstrations. 5. Integration icon rows. 6. Customer proof and purple closing panel. 7. Further design-system features and footer.
The engine illustration gives a concrete metaphor to token processing. The switch to white makes the interface and output details easier to read, while purple ties the opening illustration, feature accents and closing invitation together.
Refero [style page](https://styles.refero.design/style/fa8ecd97-5052-4909-a4b4-50419ad9d00a) and [recorded video](https://images.refero.design/styles/refero.design/video/e87790c7-cb6c-4368-8100-bd0de707a64e.mp4); [live site](https://specifyapp.com/) checked on 2026-10-06. 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 site retains its design narrative with a visible Saying Goodbye notice. This is a historical design-system reference rather than an assertion that the service remains available.