The Orionix design system

A shared set of colours, type, spacing and components that keeps every Orionix page editorial, warm and consistent — whoever is building it.


Type /design-system in the Agent panel with your prompt to create your first page based on this design system.

Recommended model: GPT 5.6 Sol or above.

Foundation

The core building blocks — type, colour and imagery — that every page starts from.

Components

Reusable interface pieces built on the foundation. Always reuse these before building anything new.

Patterns

Components combined into larger, reusable compositions — from single sections to full page layouts.

Design System

Create a free website with Framer, the website builder loved by startups, designers and agencies.