Inside the Chandebootcamp website design
Chandebootcamp is a creative website built with custom code, GSAP, and Three.js. Its pages are built from hero, features, editorial, gallery, testimonial card, and footer sections, shown here in full-page captures and a scroll recording. Typography: Phudu (display text, headings, and body text) and Geist Mono (monospaced text). Colours: background #F4F3EB, text #000000, main buttons #68F12B, surface #0F1513.
Chande Bootcamp by Mingg is a retreat that connects Vietnamese designers: three days to listen, share and show the love at Ke Retreat, Hanoi. Sự kiện kết nối cộng đồng designer Việt Nam. Its visual style is brutalist, retro, and typographic, with navigation bar, hero, and gallery among its components.
Why we picked it
A stacked gallery of attendee photos against gradient green grids sets a lively, community mood before the heavy black headline even loads, so the people feel like the real subject. Further down, rounded pill shapes, bold numbered day markers and a scrapbook of event stickers break the long page into easy, snackable chapters.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Editorial: expressive typography with comfortable reading measure
- Gallery: minimal interface around the images
Sections from Chandebootcamp
Questions designers ask
What fonts does Chandebootcamp use?
Chandebootcamp uses Phudu for display text, headings, and body text, and Geist Mono for monospaced text, measured from the captured page's CSS.
What is the Chandebootcamp website built with?
The Chandebootcamp website is built with custom code, GSAP, and Three.js, detected when the page was captured.
What colours does the Chandebootcamp website use?
Measured from the captured page's CSS, the Chandebootcamp website uses #F4F3EB for the background, #000000 for text, #68F12B for main buttons, and #0F1513 for surfaces.
What sections does the Chandebootcamp website have?
The Chandebootcamp website includes hero, features, editorial, gallery, testimonial card, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
