Brila
brila.ai/
Brila generates websites for local businesses by pulling from their Google Maps and Yelp reviews, using what it calls a "Jobs To Be Done" method to turn recurring customer feedback into homepage copy. The homepage states 6,796 websites generated and displays three Product Hunt badges (Day, Week, and Month). Rather than abstract before/after examples, the proof section shows a dozen-plus real generated sites for actual small businesses — restaurants, a bookstore, a salon — each with a tagline pulled from customer language, like a Vietnamese restaurant's "Vietnamese Coffee & Banh Mi with a Drive-Through."
- Category
- Design & Creative
- Style
- LightMinimal
- Stack
- NuxtVue
- Fonts
- LoraGeist
- Palette
- Meta title
- AI Website Builder for Local Business via Google Maps | Brila
- Sections
- 2
- Updated
Brila's landing page, section by section
Each section below is cropped straight from Brila's live page — useful references for design & creative landing page design.
Heroes
More heroesBrila design review: how the homepage is built
The homepage is a short, single-screen page about 1,460 pixels tall on desktop, set on a warm cream background. It runs from a top bar with three laurel-style badges, through a centred headline and a Google Maps link input, to a two-column block pairing a list of generated sites with a globe, then a footer. The palette is beige and salmon: #ede5d8 is the background and #e2a799 colours the map points and the status marker. The headline uses Lora, the detected display face, with Geist for body text. The distinctive element is a globe plotting the 4630 generated websites as salmon points.
Above the fold
Above the fold, a slim bar holds the "Brila" wordmark, "Join the community", "FAQ", "Catalog", "Pricing" and "Sign in". Three laurel badges read "Product of the Day", "Product of the Week" and "Product of the Month", each marked "1st". The headline "Share why exactly customers love your business" sits over a subhead mentioning "Jobs To Be Done method". Below, the field "Enter Google Maps share link?" leads to a dark "Generate a website" button.
Generated sites list
The left column is headed "Real websites Brila generated", with "4630 websites generated" beneath a salmon dot. Below, cards stack vertically, each with a thumbnail, a business name, a line of description and a location: "Shambaling Boutique Hotel" in Ramhiti, Nepal, "GARAGE BELLEVUE" in Neuves-Maisons, France, and "Memento" and "Bosch Car Service", both in Bogatynia, Poland. The first card has a darker border than the rest.
Globe of generated sites
The right column holds a large globe drawn in beige land masses, with salmon points clustered over Europe, the Middle East and India and scattered across Asia and Africa. The points sit on the surface without labels, so the globe reads as a spread of generated sites rather than a map with place names. It sits level with the list and shares the column's full height.
Closing section and footer
The closing stretch is a full-width light beige bar reading "Show all 4630 websites", placed directly under the cut-off list, spanning the same width as the cards, which gives the list a clear end point. The footer is a single row with "© 2026 Brila" on the left and "Privacy Policy", "Terms & Conditions" and "Manage cookies" on the right, all in small grey type.
On mobile
At 390 pixels a hamburger icon replaces the top links, and the three laurel badges stay in a single row. The headline stacks across four lines, and the link input becomes a full-width field above a full-width dark "Generate a website" button. The globe moves below the form and centres on North America, The card list runs as full-width rows, ending with the "Show all 4630 websites" bar, and the footer stacks its three links centred.
Worth borrowing
- Showing real generated business names in cards gives visitors a concrete sample before they enter a link.
- A globe plotting the generated sites as points turns a count into a visible footprint.
- A single input above the fold with a dark button puts the action in the first viewport.
