Powermatic Technologies helps growing companies with strategy, design and software. I did the whole project on my own: the logo and identity, the design in Figma, the code and the copy on the site.
The site sits on a four-column grid, and you can see its lines on the screen. Graphite palette with no pure black or white, PP Neue Montreal, and a bit of ASCII art.
The page I'm happiest with is Careers. My first idea was to repeat the home page layout. I dropped it. Now the page opens with the open roles set in 72 px type, with a filter by team. A candidate sees the role, the city and the pay before they scroll.
The menu turns like a drum. You can drag it or use the arrow keys, and it opens on the section you're reading.
It's all hand-written HTML, CSS and JS, no framework. It holds up from a phone to an ultrawide monitor.
The live site is open, so you can click through it yourself.
Dark, motion-led landing page for running, fitness and social apps. 14 pages, CMS journal and changelog, a floating island nav with active states, a pinned scroll story and pricing with a monthly/yearly toggle. Responsive at 1200 / 810 / 390.