Hexwall

Hexwall is a website template for cybersecurity companies, security startups and technical SaaS products. Behind the whole site sits a live background drawn on the graphics card: soft light flowing behind hexagonal glass. It gets brighter or calmer from section to section and follows the mouse.

Pages:

• Home: live status card with an event log, logo strip, what you protect, a clickable app with five screens, how it works, a live counter, quotes, pricing and a big call to action

• Platform: three modules, response timeline, integrations and trust, with jump links from the hero

• Pricing: monthly or yearly switch, a full comparison table, questions

• About with team and open roles, Changelog, Contact with a demo form, Sign in, Privacy, Terms, 404

• Journal with category filters and article pages (CMS)

Motion and details:

• Titles decode letter by letter, blocks cut in with a sharp edge

• Light dots travel along the grid lines while you scroll

• Bevelled glass buttons with a glow on hover

• A full screen glass menu, back to top button, smooth scrolling

• Journal photos in your brand colour, real colours on hover

Good to know:

• One brand colour: change one colour style and buttons, labels, icons, lines and the background follow.

• Every screen of the dashboard can show your own screenshot instead of the drawn one.

• Desktop, Tablet and Phone layouts for every page.

• Every effect is a Framer component with its own controls. No code.

• Includes the Hex Glass component (worth $19).

• Fonts: Michroma, Chakra Petch and Geist Mono (Google), all free.

• Photos from Pexels. Replace them with your own.