Edit Me
Make Prism.si yours.
A short guide to the parts worth changing first. Delete this page before you publish.
1. The hero image and colour shift
The hero uses the Hue Image component. Select “Hue image” in the Home hero and use the right panel:
Image: works best with a cut-out PNG or WebP on a transparent background, so only the object changes colour.
Scroll colour: turns the colour shift on or off. Start hue and Degrees / 1000px set where it starts and how fast it turns.
On tablet and phone the same layer uses Layout “Cover” with a focus point. The “Hue readout” and the dot in the “New” pill follow the same scroll position; give them the same Degrees / 1000px value. Visitors who ask their device for reduced motion always see a still image.
2. Colours and type
All colours live in Assets › Colors (Ground, Raise, Card, Ink, Accent and the card colours). Text styles use Geist and Geist Mono. Change a style once and every page updates.
3. Logos and integrations
The Works with row and the Integrations grid use Framer’s Logos icon set. Select a logo and pick another brand in the right panel. Only list tools your product really works with, and don’t present them as customers.
4. Changelog and FAQs
Both live in the CMS. Changelog posts have a title, date, category, summary, image and body. The Home page shows the newest three; the Changelog page shows all of them.
5. Pricing
Plans appear on Home and on the Pricing page. Edit names, prices, the three included items and button links in both places, plus the comparison table on the Pricing page.
6. Forms
The waitlist form on Home and the contact form send to Framer’s form inbox by default. Connect your own destination in each form’s settings.
7. Motion
Layers named “Motion …” float or zoom gently. The site setting respects reduced motion, so those visitors see a still page.