Website for an auditing and accounting firm in Brasília, built around the brand's symbol, with its own admin panel so the team can edit copy, photos and contacts without relying on a developer.
At a glance
Accounting firm websites tend to look alike, and Veritas needed to show technical rigor from the very first contact, both to companies and to condominiums. The team also needed to run the website on their own: change copy and photos, update contacts and follow up on proposal requests.
We started from the brand's own symbol. On the opening screen, a photo of Brasília appears inside the stripes of the “V”. The four services become four stripes, each in the color of a stripe in the symbol. Details from an auditor's working papers (ruled lines, monospaced numerals and check marks) tie the identity together. Behind it, a custom admin panel edits every section of the website and organizes incoming contacts.
What was delivered
Three moments of the website, as they are live.
A photo of Brasília appears inside the stripes of the brand symbol. As the visitor scrolls, the V grows until the photo fills the whole screen.
Each service is a stripe with its own photo, in the color of the matching stripe of the V. On hover, the stripe opens to show what is included, with the proposal button.
For building managers and audit committees, a sample statement of accounts with a magnifying glass: as the cursor moves, the visitor sees each entry being checked, with checked and pending marks.
Custom admin panel
Copy, photos and contacts are edited in the admin panel. If the database fails, the website stays up with the default content.
The needThe team wants to change website copy and photos without calling a developer.
What was builtEach website section has its own form, and photos are resized before upload. Saving updates the website instantly, and "Original text" undoes the change.
Fictitious dataThe needPublishing articles that match the website without breaking the layout.
What was builtA visual editor with subheadings, lists, links, photos and a callout box, plus drafts, preview and the author's byline.
Fictitious dataThe needNo request from the contact form can go unanswered.
What was builtA contact inbox with new, handled and archived requests, a one-click WhatsApp reply and automatic deletion after 12 months, as Brazil's data protection law (LGPD) requires.
Fictitious dataOn the phone
The needVeritas staff who don't maintain the website should only see what matters for the day.
What was builtA "Veritas Team" role with its own home screen: contacts awaiting a reply, news and a help shortcut to EM on WhatsApp.
Fictitious dataEvery section is editable: hero, services, condominiums, steps, FAQ and contact. Saving updates the website instantly, and an “Original text” button undoes the change.
Photos are resized in the browser before upload and converted to WebP on the server. Those no section uses anymore are deleted after a day.
Every form submission is saved as new, handled or archived, with an optional email notification.
A privacy page built from the Contact section's details. Incoming contacts are deleted automatically after 12 months.
Administrator and Editor with different permissions, and a history of the changes made in the admin panel.
A limit of 5 submissions per hour per address and a honeypot for bots, with no captcha for visitors.
Design in Figma
Technology
Next.js
Version 16, with the App Router; sitemap, structured data and the share image generated by the site itself.
React
Version 19. One component per section, in page order, easy to rearrange.
TypeScript
A typed content schema: every editable field has a type and a length limit.
Tailwind CSS
Brand tokens in the theme: navy, greens, blue and the paper tone.
GSAP
Animations for the opening and the stripes, with smooth scrolling by Lenis.
Prisma
Content, contacts, users and history in the same schema.
Neon Postgres
The project's own database, in the São Paulo region.
Vercel
Deployed in São Paulo; the build applies the database schema before publishing.
Engineering
Each section has a validated schema (zod) with text limits. If the database fails, the website shows the default content instead of breaking.
Resizing in the browser, conversion to WebP with sharp, and automatic cleanup of photos that no section uses.
A privacy policy generated from the admin panel's data, and a 12-month retention period applied automatically to incoming contacts.
Administrator and Editor with separate permissions, password recovery and a change history.
Visual identity
Colors and fonts checked on the live site. The colors come from the original brand file.
Palette · click to copy
Headings and body
Números que dizem a verdade.
Jost
All the typography on the site, from headings to body text.
Numbers and labels
148.200,00 ✓
IBM Plex Mono
Figures, steps and labels, like an audit working paper.
Next step
We build websites with their own identity and an admin panel so your team can update the content without depending on anyone.
