Inside the Partiful website design
Partiful is a communication website built with Framer and GSAP. Its pages are built from hero, footer, feature grid, other, features, and testimonials sections, shown here in full-page captures and a scroll recording. Typography: Partiful Janky Inter Display Regular (display text and headings) and TWK Lausanne Pan 300 (body text). Colours: background #000000, text #FFFFFF, surface #F7F7F7, secondary text #777772.
Plan events in seconds with fun, free event pages. Invite guests with a link, track RSVPs, send Text Blasts, and sell tickets. Its visual style is bold, playful, and minimal, with navigation bar, hero, and product ui among its components.
Why we picked it
Chunky bold headlines over black panels give the party theme energy, while a real phone screenshot with overlapping chat bubbles shows the invite flow in action rather than just describing it. Neon, glitter-foil invite thumbnails fanned out like a stack of cards, plus a closing ring of colourful invites, keep the long scroll playful and visually varied.
What to look for
- Hero: a specific headline instead of a generic slogan
- Footer: grouped navigation with clear column headings
- Feature Grid: mixed card sizes that show priority
- Features: benefits framed around what the user gets, not internal capability names
Questions designers ask
What fonts does Partiful use?
Partiful uses Partiful Janky Inter Display Regular for display text and headings, and TWK Lausanne Pan 300 for body text, measured from the captured page's CSS.
What is the Partiful website built with?
The Partiful website is built with Framer and GSAP, detected when the page was captured.
What colours does the Partiful website use?
Measured from the captured page's CSS, the Partiful website uses #000000 for the background, #FFFFFF for text, #F7F7F7 for surfaces, and #777772 for secondary text.
What sections does the Partiful website have?
The Partiful website includes hero, footer, feature grid, other, features, and testimonials sections. Each one opens on its own page, so you can compare it with the same section on other websites.
