Hub Majestic

Client

Hub Majestic

Services

institutional, branding

Year

2024

Role

Visual identity and front-end

Stack

Next.js · React · Lenis · Vercel

View the project

Give a buy-side real estate intermediary a brand with the weight of architecture, and carry it into a site that turns visitors into qualified leads through a clear story about curation, network and process.

What we did

We drew the identity from the M in Majestic: rotated, it becomes a symbol of structure and direction, applied in three colourways. The system has five colours, from Deep Green to Soft Ivory, Asgard Wide for headings and TT Firs Neue for text, outlined icons and buttons with an 18 px radius, and it extends to stationery, bottles, a mug, T-shirts and LinkedIn. On the Next.js site, the same type and greens carry a single page with anchor navigation, Lenis smooth scrolling, a founder video, an FAQ accordion and a closing call with two doors, Sou Comprador (buyer) and Sou Corretor (broker).

We made the form change for buyer or broker, so every lead arrives already qualified.

Concept
ConceptThe concept page: from the “M” to the symbol, and the three ideas it carries.

Identity

The symbol comes from the M in Majestic: rotated, it stops being a letter and speaks of structure, direction and precision.

Building the symbol

We started from the letter and turned it until it became a shape: the M stops reading as a letter and works as a geometric symbol of movement and expansion.

The letter
The letterThe “M” lifted from the concept page, at the same scale as the symbol beside it.
The symbol
The symbolThe symbol at the same scale and ground: the letter stops being a letter.
Symbol colourwaysThe symbol on Deep Green, Olive Slate and Soft Ivory, into the full lockup.

System

Five colours drawn from architecture and land, Deep Green to Soft Ivory; Asgard Wide for headings, TT Firs Neue for text.

PaletteDeep Green, Olive Slate, Limestone, Claystone and Soft Ivory, one at a time, in the guide's order.
Iconography
IconographyOutlined icons, slightly rounded, medium stroke.
Buttons
ButtonsThree button styles at an 18 px corner radius.
TypographyAsgard Wide for headings, TT Firs Neue for text.

Applications

We took the symbol from letterhead to mug, and the line “De quem ajuda a construir o presente” to envelope and notebook.

ApplicationsBottles, letterhead, envelope, card, notebook, LinkedIn, T-shirts and mug, chained by colour.
Envelope
EnvelopeDeep Green envelope carrying the line “De quem ajuda a construir o presente” (from those who help build the present).
Notebook
NotebookThe same line on the notebook, “construir” set in Limestone.
Mug
MugWhite mug with the symbol, on Olive Slate.

Product

On the site, the same type and greens; at the end, two doors, Sou Comprador and Sou Corretor, so each lead arrives qualified.

Two doors

Two doors

On mobile, the closing call keeps both doors, Sou Comprador (buyer) and Sou Corretor (broker), stacked above the footer.

Strengths
Strengths“Por que a Majestic é diferente?” (why Majestic is different): curation, network and technology, a tailored funnel, in Asgard Wide and TT Firs Neue.
The whole pageThe single page from hero to footer: figures, about, founder, strengths, process, FAQ and the two doors.
View the project

Results

  • Full identity: symbol, three colourways, five colours and two type families

  • Icons, buttons, stationery and applications drawn in the same system

  • Single-page site in the brand's type and greens

  • Closing call with two doors, Sou Comprador and Sou Corretor, to qualify every lead

Credits

Visual identity
Ressolv
Front-end
Ressolv
View the project

Next project

Decisão Engenharia — Institutional Site

Talk to the studio All projects