Wobble

About this template

Wobble is a bold, friendly website template for team, productivity and collaboration products. It uses a neo-brutalist style: cream paper, 2px ink outlines, hard offset shadows, rotated stickers and bright colour blocks, with a handwritten accent font for personality.

What's inside

8 pages: Home, Pricing, About, Blog, Blog post, Contact, Sign up, 404.

Desktop 1440 and mobile 390, each in Light and Dark: 32 frames.

Home:

Floating navbar and a hero with an app mock (standup feed, mood bars, kudos).

Logo pills, 6 feature cards, 3 steps, and a kudos wall of sticky notes.

Stats, Testimonials, Pricing, FAQ, CTA and Footer.

Inner pages:

Pricing: comparison table that swipes on mobile.

About: team, values and timeline.

Blog with tabs.

Blog post: checklist and callout.

Contact form with topic chips, illustrated sign up, and a playful 404.

85 variables with Light/Dark modes. Outlines and hard shadows flip to cream in Dark.

16 text styles and hard-shadow effect styles (S to XL, colour bound to a variable).

Components with variants:

Button, Sticker (7 colours), Avatar, Feature card (6 colours), Pricing card, FAQ item (click prototype).

Navbar, Footer and more.

25 icons.

Timeline motion: bouncy card entrances, notes popping in, mood bars growing, floating shapes.

Fonts: Bricolage Grotesque, DM Sans, DM Mono and Caveat (all free Google Fonts).

Text colours checked against WCAG AA contrast in both themes.