Skip to content
Jordan Goulart

UP – Urbanizadora Paranoazinho

A brand site for a land developer with an unusual mission: regularize a former farm so 6,000+ families can finally own their homes. Built around news, one aerial, and a partner roster that signals world-class urbanism without ever saying it.

UP – Urbanizadora Paranoazinho, interface

Role

UI/UX Designer

Year

2021

Status

Live

Stack

Figma
LinksLive

Problem

UP – Urbanizadora Paranoazinho works at an unglamorous intersection: real-estate development, environmental law, and decades-old informal settlements in the Distrito Federal. The job is regularizing 50+ irregular condomínios across the former Fazenda Paranoazinho so 6,000+ families can hold definitive title to their homes. It's slow, technical, and fought in court. The category default is opaque legalese and stock-photo institutional sites that hide what the company actually does.

Approach

So I designed the site as a newsroom. That fits a company that lives in the press and the courts. A news-led hero puts the latest decision at eye level instead of a generic value proposition. One aerial of the Fazenda Paranoazinho carries the territorial scale that text can't. The partner roster (Gehl, SOM, DPZ CoDesign, Rosa Kliass, PPS) earns the right to talk about Cidade Urbitá without saying "world-class" once. Slate and orange ground a typographic system that lets the heavy institutional content breathe: regularization, ethics, compliance, LGPD. None of it dressed up as a brochure.

Outcome

The site was built in WordPress, and it's been live at up.bsb.br since 2021. It's been UP's main channel for legal wins, infrastructure updates, and the Cidade Urbitá story ever since. The institutional content carries the same calm authority as the news, and the partner page does the legitimacy work without a single hype word.

What I learned

  • When the work is slow and legal, the newsroom is the brand. The hero is a news headline, not a value proposition, because that's what people come here to find.
  • Some proof points don't need adjectives. A partner page with Gehl, SOM, and DPZ does more than any "world-class" sentence ever could.

Design only: the brand and institutional system in Figma, built in WordPress. The orange swoosh is the one gestural mark in an otherwise photographic, typographic identity, borrowed from the UP wordmark itself. The bit of motion in a system that otherwise stands still.

The system

The system behind the newsroom. Slate and orange ground a single typeface, Museo Sans, so heavy institutional content (regularization, ethics, compliance) reads with calm authority instead of legalese.

Typography

Cidade Urbitá

Museo Sans

Display and headings

Black, 900

Regularização fundiária

Museo Sans

Body and UI

Regular, 400

Palette

Slate

#303d44

Ink and dark ground

Orange

#ef7120

Accent and swoosh

Teal

#18a0ac

Links and secondary accent

White

#ffffff

Surface and reversed text

Light gray

#eceff1

Section surface

Gray

#6c7d86

Secondary text

Homepage: a news-led hero announcing UP's win in the Meus Sonhos usucapião appeal, the Nosso compromisso aerial of the Fazenda Paranoazinho, the dark news rail with the orange swoosh, the Parceiros grid (Gehl, DPZ, SOM and more), and the newsletter signup
Cidade Urbitá page: a dark hero, the Sobre o projeto text, an Uma nova centralidade map locating Urbitá on Brasília's Asa Norte axis, recent news, and the Conecte-se com a Urbitá panel
Condomínios page for Império dos Nobres (Etapa 1): an aerial hero, the regularization data sheet, a Status da Regularização checklist of stages, downloads, an embedded map, and a photo gallery
Regularização fundiária page: an aerial hero, the O que é? legal explainer, the Para o morador e sua família benefits with a family photo, the Fazenda Paranoazinho and Condomínios sections, and the Obras irregulares reporting panel