Style Guide

Core UI design features and all available Sanity content blocks.

Typography

font-serif — Assistant Bold (Display / Headings)

text-5xl / H1

The quick brown fox

text-4xl / H2

Mortgage advice for everyone

text-3xl / H3

First Time Buyers

text-2xl / H4

Re-mortgaging Options


font-sans — Inter (Body / UI)

text-xl / Lead

We are a team of experienced mortgage advisers dedicated to helping you find the very best mortgage for your individual needs and circumstances.

text-base / Body

Getting on the property ladder can feel overwhelming. From understanding how much you can borrow to choosing the right mortgage product, we guide you through every step of the process with clarity and care.

text-sm / Small

Your home may be repossessed if you do not keep up repayments on your mortgage. Think carefully before securing other debts against your home.

Brand Tokens

var(--primary)

Navy

Primary / ef-navy

#24aaa5

Teal

Secondary / ef-teal

#f5b82e

Yellow

Wealth / ef-yellow

#f15a4a

Red

Primary CTA / ef-red

#ffffff

White

Background / ef-white

#3ab5a4

Link

Link / ef-link

Buttons

Variants


Sizes


Cards

Variants

Default Card

White background with a subtle border and shadow. Use for general content containers.

Learn MoreFooter slot

Navy Card

Primary navy background. Use for featured or hero-style content that needs strong contrast.

Learn MoreFooter slot

Teal Card

Teal accent background. Use for secondary featured content or callout cards.

Learn MoreFooter slot

Without Title / Content Only

A card without a title — just content in the default slot. Useful for stat blocks, quotes, or custom layouts.

"The team at Erskine Financial made the whole process completely stress-free."

— Sarah M., First Time Buyer

Specialised Cards


Info Card (Content / Form Containers)

Glass Variant

The default style for forms and content sections. Features glassmorphism and squared corners.

Border Variant

Includes a subtle teal border to add more emphasis or visual interest.

Block Library

All available Sanity content blocks rendered with mock data.

heroBlock
Hero family image

Mortgage advice

that's as individual as you are.

textContentBlock

Welcome to Erskine Financial

We are a team of experienced mortgage advisers who are dedicated to helping you find the best mortgage for your needs.

teamScrollerBlock
cardGridBlock

What we do

Practical mortgage, protection and insurance advice for each stage of your plans.

wordCloudBlock

Where do I start?

How much can I borrow?

How do I get a mortgage?

What houses can I afford?

Do I need a deposit?

How much can I borrow?

How do I get a mortgage?

What houses can I afford?

Do I need a deposit?

Is my deposit enough?

What are the costs involved?

How long does it take?

Is my deposit enough?

What are the costs involved?

How long does it take?

Let us help! We're here to guide you onto the next steps, whatever stage you're at.

heroImageBlock
Event placeholder

First time buyer event

Join us for an exclusive evening at our office. We'll be discussing the home buying process from start to finish.

introCardBlock

Personal advice

A clearer route through mortgage and protection decisions.

Our advisers take the time to understand your plans, compare the market, and explain each step in plain English so you can move forward with confidence.

Whole-of-market mortgage advice

  • Compare your options

    Clear lender choices and trade-offs before you make a decision.

  • Advice shaped around you

    An adviser takes time to understand what the next move means.

  • Clear next steps

    Know what happens next and what decisions need your attention.

contactBlock

Speak to us now

Send us a message and we'll be back in touch.

Send us a message

Send us a message and we'll be back in touch.

Our Office

Annfield House, 1 Eskbank Toll, Dalkeith, EH22 3DY

Opening Hours

Monday - Friday 9:00 am - 5:00 pm

Let's Connect

Follow us for news, insights and updates.

faqBlock

Frequently Asked Questions

Find answers to common questions.

How long does a mortgage application take?

Typically, a mortgage application takes anywhere from 2 to 6 weeks from submission to offer, depending on the lender and the complexity of your situation.

Do I need a deposit for a mortgage?

Yes, usually you need a deposit of at least 5% to 10% of the property's value. The larger your deposit, the better the mortgage rates you'll generally have access to.

videoEmbedBlock

Watch our introduction

Learn how we help people find the perfect mortgage and financial products for their needs.

reviewsScrollerBlock

What our clients say

We take pride in delivering exceptional service to every client.

Exceptional service from start to finish. They made the complex process of buying our first home feel simple and manageable.

John Doe

The team was incredibly helpful and always available to answer our questions. Highly recommend for anyone looking for mortgage advice.

Jane Smith

Very professional and knowledgeable. They found us a great rate that we couldn't find elsewhere.

Robert Brown

Reviews from
teamGalleryBlock