Pixl

Pixl is a playful, dark website template for async video apps, team tools and any product that wants to feel more like a game than a meeting. Glossy sticker tiles, neon gradients and pixel labels give it an arcade feel, and the layout stays clear.

15 pages

Home, Features, Pricing, Integrations, Customers, About, Blog, Blog post, Changelog, Contact, Sign up, Log in, Privacy, Terms and a 404.

Interactions

- A pixel preloader that fills cell by cell, then the headline rises in.

- Drag the floating stickers anywhere on Home and the 404.

- A live video player mockup with a looping waveform, a blinking live dot and viewer chips.

- Monthly and Yearly pricing toggle that swaps every price.

- Filter integrations, customer stories and blog posts by category.

- Connect buttons that switch to Connected on click.

- FAQ accordions, topic and team size chips, hover lifts and scroll reveals.

- The nav narrows as you scroll down and widens on the way back up.

Built natively

Everything is made with Framer's own layers, components, variants, variables and effects. There are no code components or overrides, so you can change every part on the canvas.

Organised

- 32 text styles in Bricolage Grotesque, Silkscreen and Caveat, and 32 colour tokens.

- Named components: Nav, Button, Sticker, Chip, FAQ Item, CTA Banner, Billing Toggle, Connect Button and Submit Button.

- 8 CMS collections: Blog Posts, Team, Customers, Integrations, Changelog, Testimonials, FAQs and Tags.

- Desktop, tablet and phone layouts, with a phone menu.

Setup

1. Swap the logo, name and colours in the styles panel.

2. Edit the posts, team, customers, integrations and releases in the CMS.

3. Set destinations for the Contact, Sign up, Log in and newsletter forms.

4. Link the Watch the trailer button to your video.

5. Publish.

Good to know

- Stats are static numbers, not count-ups.

- Card tilt on hover is a fixed angle, not cursor-follow.

- All names, logos and numbers are sample content.