Modernismo Jornalístico Brasileiro
Structured and dynamic landing page for a Brazilian cultural news portal, inspired by modernism and azulejaria. Ideal for landing pages, saas. AI-ready template.
Use case: Landing pages, SaaS
Historical Context
Brazilian journalism never got the memo about restraint. When Folha de S.Paulo redesigned in the early 2000s, they took Müller-Brockmann's grid and ran it through São Paulo's concrete jungle — tight columns, aggressive hierarchy, but always that underlying pulse of color that Swiss purists would never allow. The result was something genuinely new: information architecture that could handle the chaos of Brazilian politics without losing its spine. Estadão and O Globo followed different paths to similar territory. Estadão leaned conservative — serif-heavy, dense, trusting readers to navigate complexity. O Globo went warmer, rounder, more Rio in its bones. But all three understood something fundamental: Brazilian readers consume news differently. The cadência is different. Headlines hit harder, subheads do more work, and white space isn't emptiness — it's breathing room between stories that demand emotional investment. What emerged across two decades of digital transformation is a distinct typographic voice. Not European minimalism. Not American maximalism. Something in between — structured enough to convey authority, loose enough to feel alive. The grid bends but never breaks.
When to Use
Reach for this when you're building platforms that need to handle volume without feeling overwhelming. News portals, obviously. But also cultural magazines where editorial hierarchy matters, event platforms juggling dozens of listings, or any content-heavy product serving Portuguese-speaking audiences. It works when your content is dense, your audience is literate, and you need the design to get out of the way while still feeling intentional. Not for marketing sites. Not for minimal portfolios. This is a workhorse aesthetic.
Design Principles
- Dense but never cluttered — pack information tight, then let typography create the breathing room instead of whitespace alone
- Warm neutrals over cold grays — Brazilian journalism uses cream, sand, and muted gold where Nordic design would reach for slate
- Hierarchy through scale contrast, not decoration — jump from 48px headlines to 14px body without apology, let the gap do the talking
- Color as editorial signal, not ornament — section colors, category badges, and accent lines serve navigation first, aesthetics second
- Horizontal rhythm matters as much as vertical — multi-column layouts should feel like a newspaper spread, not a feed
Technical Specs
Colors
Primary
Secondary
Effects
Layouts de grid com blocos de conteúdo que se assemelham a painéis de azulejos, tipografia sans-serif e serifada contrastante para hierarquia, imagens de eventos culturais em destaque, micro-interações de hover com realce de borda e sombra, transições de seção com efeito de "revelação" de conteúdo.
Light/Dark
✓ Full / ✗ No
Related
Last synced: 4/1/2026