Instructions

Make Onyrix your own in minutes.

A quick guide to customizing colors, type, components and animations — no code required.

Colors

Open Assets → Colors to edit the Onyrix color styles. Changing Ink, Paper or Accent updates every section, button and card at once.

Typography

All text uses shared text styles in Assets → Text. Adjust a style once and its desktop, tablet and phone sizes update everywhere.

Components

Button, Submit Button, FAQ Item, Navigation and Use Case Slider are reusable components. Edit them once in Assets → Components; labels and links are controls on each instance.

Sections and links

Each homepage section has a scroll ID (product, how, integrations, features, use-cases, pricing, faq, download), so navigation links scroll smoothly to them. Reorder or remove sections freely.

Animations

Appear, hover, loop and scroll effects are set on layers in the Effects panel. The hero phone tilts as you scroll, and the use-case section is a 3D slider (Use Case Slider component) that autoplays every 4 seconds and responds to the arrows, dots or a tap on any card — tweak their values or turn them off per layer.

Forms

The hero signup and footer newsletter are native Framer forms. Select a form and add a destination (email, webhook or Google Sheets) under Form settings to start collecting submissions.

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