BrBPO — Brand, Website and Academy

Client

BrBPO

Services

institutional, branding

Year

2024 — 2026

Role

Brand manual, website and Academy

Stack

WordPress · Elementor · PHP · JavaScript · CSS3 · Moodle · GitBook

View the project

Give a company that works across many sectors a brand that holds the same on any piece, and carry it into the site, where corporate and government clients meet the solutions, and into the Academy, where staff train.

What we did

In the brand manual, we organised the identity in four chapters: logo, with a proportion grid, clear space, minimum size and incorrect uses; typography, with Roboto, Open Sans and Montserrat; colour, with green #346A61 and graphite #2F3335 ahead of six secondaries; and applications. The corporate site is WordPress with Elementor, with solution, partner and certification pages and a contact form with privacy consent; special pages, such as the blockchain one, are written in code in a dedicated plugin that lives alongside Elementor. BrBPO Academy runs on Moodle with the Boost Magnific theme, in the manual's green and type, with a calendar, a course catalogue, guest access and role-based manuals for students, teachers and moderators, published on GitBook.

Elementor for the institutional pages, code in our own plugin for the special ones, the manual's green up to Moodle.

Logo construction

Every measurement comes from the logo itself: clear space is counted in x, taken from the drawing, not from a fixed margin.

Identity

We drew the logo on a grid: proportions, clear space and a 50 px minimum size, so it holds up on any piece.

Minimum size
Minimum size50 px or 12 mm: the smallest size at which the symbol holds.
Incorrect uses
Incorrect usesSix distortions the manual rules out.

System

Three families on three levels, Roboto, Open Sans and Montserrat, and two lead colours: green #346A61 and graphite #2F3335.

TypographyRoboto, Open Sans and Montserrat: primary, secondary and tertiary.
Roboto
RobotoRoboto, the primary typeface.
Display type
Display typeRoboto Black Italic on the chapter opener.
PaletteGreen #346A61 and graphite #2F3335 lead; six secondaries and four neutrals.
The system on one sheet
The system on one sheetLogo on its panel, Roboto, the primary and the secondary colours.

Applications

We chose to close the manual with the brand in use, from poster to apparel: every rule from the earlier pages, applied.

ApplicationsPoster, phone, fleet, stationery and apparel.
From page to object
From page to objectEnvelopes, letterhead, calendar and apparel.

Product

On the site, every solution got a card and a page; in the Academy, Moodle wears the manual's green and type.

On mobile

On mobile

On mobile, the navigation folds into a menu and the contact button stays in view at the top.

Solutions on mobile

Solutions on mobile

The solutions, from managed services to IT consulting, become stacked cards, each leading to its own page.

The whole home pageThe home page from hero to footer: strengths, the blockchain banner, partners, solutions and sectors served.
View the project
BrBPO Academy

BrBPO Academy

BrBPO Academy is the staff training platform: Moodle with the Boost Magnific theme, in green #346A61 and set in Montserrat and Roboto.

Calendar
CalendarActivity timeline and a calendar filtered by course.
Sign-in
Sign-inSign-in in the Academy's brand, with guest access to the courses that allow it.
Documentation
DocumentationStudent, teacher and moderator manuals, published on GitBook.

Results

  • Brand manual v1.3: logo, typography, colour and applications

  • WordPress and Elementor site, with special pages in code in a dedicated plugin

  • BrBPO Academy on Moodle, in the manual's green and type

  • Academy manuals by role: student, teacher and moderator

Credits

Brand manual
Ressolv
Website
Ressolv
BrBPO Academy
Ressolv
View the project

Next project

Patrick Anderson — Founder's portfolio

Talk to the studio All projects