\DESIGNSORCERY>_

Home - Autoconf

Home - Autoconf — Desktop · Light

Desktop · Light · scroll within frame to see full page

Design System Inspiration

Autoconf.com.br — extracted via DESIGN.md

Other · Unknown

corporate dark-theme clean typographic bold sticky navigation card-based layout scroll-triggered animations dark mode toggle

Typography

Rubik

Heading

Aa Aa Aa Aa

Space Grotesk

Body

Aa Aa Aa Aa

Color palette

TL;DR

Autoconf.com.br utilizes a "monochrome-plus" system where a deep slate-blue foundation (`#3b506c`) anchors a clean white canvas. The brand voltage is concentrated in high-saturation primary actions: a bright digital blue (`#307fe2`) for core navigation and functional UI, and a warm amber (`#fdb833`) for conversion-focused "Demonstração" CTAs. Typography is a deliberate mix of technical and friendly, using **Space Grotesk** for bold, geometric display headers and **Rubik** or **Poppins** for high-legibility body content. Layouts rely on generous vertical spacing (up to 100px) and a consistent 8px-10px border radius for interactive elements.

Target audience

The site targets businesses and individuals seeking financial or investment services, aiming to convey professionalism and reliability through its design.

Full tech stack

Facebook Pixel Font Awesome Google Analytics Google Tag Manager Hotjar HubSpot HubSpot Analytics HubSpot Chat MySQL PHP WordPress Yoast SEO YouTube

Analytics

HubSpot Analytics Hotjar Google Tag Manager Google Analytics Facebook Pixel

Brand Voice

Practical, authoritative, and results-oriented, sounding like a peer who understands the daily grind of the automotive trade.

Positioning

Autoconf is a specialized management system created within a real car dealership and validated by hundreds of resellers. It is designed specifically for car, motorcycle, and truck dealerships to optimize operations, integrate sales portals, and professionalize financial management.

Voice principles

  • Practical and Proven: Emphasizes real-world origins (born in a shop) rather than theoretical software benefits.
  • Direct and Affirmative: Uses frequent "Sim" (Yes) starts to answer questions, projecting confidence and clarity.
  • Results-Focused: Prioritizes business outcomes like profit, margin, and professionalization over technical features.
  • Accessible but Professional: Uses industry-specific language (giro, margem, estoque) while remaining easy to understand for any shop owner.

More SaaS Designs

← Back to Gallery