AG Mortgage Bank
AGMB · Design System

The system the site is built from.

Every token and component here is taken directly from the live AG Mortgage Bank website — twelve brand colours, three type faces, and the sections the homepage composes from.

Foundations · 01

Colour

Brand palette

The twelve canonical hexes from the site's :root, exposed as raw tokens.

navy.deep--color-navy-deep#061A2E
navy--color-navy#0A2540
navy.vivid--color-navy-vivid#1F4FA8
navy.soft--color-navy-soft#0F2F50
cream--color-cream#F8F5EF
cream.warm--color-cream-warm#FAF3E8
cream.vivid--color-cream-vivid#FFEFC2
cream.deep--color-cream-deep#EDE5D5
gold.rich--color-gold-rich#E0B040
gold.vivid--color-gold-vivid#F0C441
green.deep--color-green-deep#14613A
green.vivid--color-green-vivid#22C55E
Foundations · 02

Typography

Type scale

Inter for display + body, Inter Tight for numerics, Libre Baskerville for the serif accent word.

Homes for working Nigerians.

Section heading · H2

Lede — a calm intro line that sits under the heading and sets context for the section below.

₦485,720 / mo

Eyebrow · 0.18em

Caption · helper · meta

Foundations · 03

Radii & motion

Radius ladder

The distinct corner radii used across the site.

xs · 4px
sm · 12px
md · 14px
lg · 18px
xl · 24px
2xl · 28px
3xl · 32px
4xl · 36px
pill · 999px

Easing curves

The four cubic-beziers measured from the site's transitions.

expoprimary reveal / transitioncubic-bezier(0.16, 1, 0.3, 1)
standardsegmented indicator, genericcubic-bezier(0.4, 0, 0.2, 1)
drawermobile drawer / hamburgercubic-bezier(0.22, 1, 0.36, 1)
overshoottile lift, number pulsecubic-bezier(0.34, 1.56, 0.64, 1)
Catalogue · 04

Primitives

Button

The .cta system — primary (cream), secondary (navy-vivid), nav pill, ghost.

Eyebrow · StatusLine · Pill

By the numbersCBN-licensed since 2004NDIC-insured
Apply nowDisclosureFeatured

Fact

A dotted eyebrow, Inter Tight numeric, and caption.

Disbursed₦2.8Bin the last 12 months
Families97homes financed

SegmentedControl

Slider · MoneyInput · PercentInput

Property value₦116,500,000

RatioBar

Principal vs interest split.

Catalogue · 05

Viz

Dithered tile viz

The site's product-tile viz — a per-product silhouette Bayer-dithered into a dot field in the accent colour. Move your cursor over a tile to displace the dots (iron-filings repulsion). Pauses off-screen; static under reduced-motion.

NHF · house
M-REIF · refinance
Construction · phases
REIF · skyline
Commercial · storefront
Catalogue · 06

Forms

ApplyForm

The multi-step mortgage application — step indicator, the active step's fields, back/next nav. Click Continue to walk the steps.

1. Start your application2. Select your status3. Documents4. Confirm
1

Start your application

A few details so we can route your application to the right mortgage desk.

ContactForm

The contact twin — a navy info panel beside a cream form panel.

Contact

Talk to a mortgage desk.

We reply within one working day.

Phone+234 807 609 4107
Emailinfo@agmortgagebankplc.com
Head officeLagos, NigeriaMon–Sat, 8am–5pm
Catalogue · 07

Patterns

SiteNav

The site header — transparent over the hero, condensing into a floating glass pill on scroll. Both states shown.

Hero

The centred opening — status row, Inter H1 with an upright serif accent word, lede, dual CTAs, above the particle-building viz band.

CBN-licensed since 2004/NDIC-insured

Homes for working Nigerians, financed with care.

A CBN-regulated Primary Mortgage Bank. ₦2.8B disbursed to 97 families in the last year alone.

FactStrip

The cream pill of facts that leaks over the hero viz.

Years20+CBN-regulated
Disbursed₦2.8Blast 12 months
Families97homes financed

StatsRow

Cream stats band — Inter Tight numerics.

By the numbers

Two decades of careful lending.

Years regulated20+CBN since 2004
Disbursed₦2.8Blast 12 months
Families97homes financed
CertifiedISO9001:2015 certified

RegulatoryFooter

The site footer — navy panel, brand + columns, regulatory disclosures.

PartnersMarquee

Edge-masked logo marquee — the nine real partner logos, whitewashed, looping.

Product bento

The site's product grid — cream tiles with the dithered viz on the right. Flagship + 2-stack on top, two tiles below. Hover a tile to lift it and displace the viz dots.

CalculatorPanel

Twin-panel calculator (site CSS) — segmented route + sliders → navy output, real reducing-balance math + cap notice.

Property value
₦116,500,000
Down payment₦23,300,000
20%
Tenor
20 years

NHF caps principal at ₦15,000,000₦78,200,000 top-up arranged separately.

Route · National Housing FundAt 6.0% p.a. · fixed
₦107,465/mo
Principal₦15,000,000
Interest (42%)₦10,791,518
Total repayable₦25,791,518
LTV13%

CommunityTabs

Cream community section — hairline tabs + navy stat-art panel beside prose.

NHF Mortgage

97families

financed into first homes in the last year

The National Housing Fund route is built for working Nigerians on a payslip — we handle the FMBN paperwork end to end.

Contributions you have already made count toward your deposit.

Newsroom

AdvisoryBand

Advisory

Talk to a mortgage advisor

Free, no obligation. Real people who close Nigerian mortgages every week.

3advisors

on call right now, Mon–Sat

Book a call
Pages · 08

About

DirectorsGrid · board

Board of directors — dark cards, gold border + role, initials portrait.

Adaeze Okafor
ChairmanAdaeze Okafor

Two decades in Nigerian financial services and housing policy.

Emeka Nwabufo
Managing Director / CEOEmeka Nwabufo

Led AGMB's M-REIF first-mover programme since 2019.

DirectorsGrid · exec (four-up)

Management team — compact cream cards, navy text.

Ngozi Madukwe
Chief Risk OfficerNgozi Madukwe
Tunde Laleye
Chief Financial OfficerTunde Laleye
Aisha Mosuro
Head of MortgagesAisha Mosuro
Chidi Akachi
Company SecretaryChidi Akachi
Pages · 09

Products

Each product page is the same template themed by a per-product accent (NHF/REIF green, M-REIF/Commercial navy-vivid, Construction gold) flowing through dots, step borders, and the rate serif accent. Shown here with the NHF green accent.

ProductHero

Centred status line + H1 + lede + stat bar + per-product viz.

NHF Mortgage/CBN-regulated

Own your first home on a payslip.

The National Housing Fund route — fixed 6% over up to 30 years, for working Nigerians.

6.0%Fixed p.a.
30 yrsMax tenure
₦15MMax NHF loan

HowItWorks

Numbered steps with a per-product accent top border.

01Confirm NHF statusWe verify your FMBN contributions and eligibility.
02Submit documentsID, payslips, and property documents.
03Offer & disbursementSign the offer to lock your rate; we disburse.

Eligibility

Checklist rows with accent-tinted check.

Nigerian citizen aged 21–60 with a valid ID (NIN or passport).
NHF contributor for at least 6 months via your employer or voluntarily.
Verifiable income — salaried or with 6 months of bank statements.

Documents

Required-documents grid.

01Valid IDNIN slip or international passport.
02Bank statementsLast 6 months, stamped.
03Property documentsOffer letter, survey, title.

RatePanel

Rate cells with the Libre Baskerville accent figure.

Interest6.0%Fixed per annum, NHF-subsidised.
Tenure30yrsMaximum repayment period.
Max loan₦15MNHF principal cap; top-up arranged separately.

UseCases

Persona cards.

SalariedFirst-time buyer

On a payslip, contributing to NHF — the lowest-rate route to ownership.

From ₦92,800/mo
Civil servantPublic sector

Stable income and NHF contributions make approval straightforward.

6.0% fixed

Faq + ProductCtaCard

FAQ accordion beside the squircle CTA card.

Nigerian citizens aged 21–60 who have contributed to the National Housing Fund for at least 6 months.
The NHF principal cap is ₦15M; any shortfall is arranged as a separate top-up facility.
Typically 2–4 weeks once your documents are complete and verified.

Start your NHF application

A mortgage advisor will confirm your route and indicative rate within 2 working days.

Apply now