Where to Create a Pet Memorial Page with Custom Fonts and Colors

27 min read
Where to Create a Pet Memorial Page with Custom Fonts and Colors

Where to Create a Pet Memorial Page with Custom Fonts and Colors

A memorial page that looks like every other memorial page on the internet is not a failure, but it is a missed opportunity. The colour of the background, the weight of the typeface, the amount of space around a photograph: these choices are how a page stops being a template and starts being recognisably about one particular animal. If you are deciding where to create a pet memorial page with real control over fonts and colours, you are in a narrower category than most people realise. Many memorial tools deliberately limit design options, on the reasonable theory that grieving people do not want to fiddle with hex codes. This guide is for the people who do want to fiddle, because getting the design right is part of how they process the loss.

Where to Create a Pet Memorial Page with Custom Fonts and Colors

The practical problem is that design control and simplicity pull in opposite directions. Where to create a pet memorial page with full typographic freedom usually means a general website builder, which requires more setup and offers fewer memorial-specific features. Choosing a purpose-built memorial tool means accepting someone else’s palette. This article maps the whole territory: what design control actually costs you, which platforms sit where on the spectrum, how to make genuinely good colour and type choices without a design background, and how to avoid the specific aesthetic mistakes that make amateur memorial pages look dated within a few years.

Along the way you will find two detailed comparison tables, complete step-by-step instructions for building a customised page, two named case studies, an FAQ section covering ten common questions, and a plain-language explanation of why certain design principles work. No prior design experience is assumed. A pet memorial page platform that exposes its typography controls is the kind of tool this guide is written for, and by the end you will know how to tell whether a platform gives you real control or merely a wallpaper picker.

Why Design Control Matters More Than People Admit

There is a persistent belief that caring about design during grief is shallow, or that a memorial should be about the words and photographs alone. That belief is well-intentioned and mostly wrong. Typography and colour carry meaning before a single word is read. A page in heavy black sans-serif on white feels clinical. The same words in a warm serif on soft cream feel like a letter. Neither is more correct, but one of them is right for your animal and the other is not.

Consider how much of a pet’s presence is visual. You know exactly how the light hit the kitchen floor at four in the afternoon. You know the particular grey-green of their eyes, or the rust colour in a coat that looked brown in the house and red in the sun. Translating some of that specificity into the page is a way of saying something true that words cannot quite reach. A page whose palette echoes a coat colour, or whose background matches the light in a favourite room, communicates care in a way visitors feel without being able to name.

[Image: a comparison of memorial page layouts on a screen, one with default template styling and one with custom fonts and colors]

The counter-argument deserves a fair hearing. Design decisions are decisions, and decisions cost energy that is in short supply. Some people find choosing fonts actively distressing because each option feels like a judgement about how much they cared. If that is you, pick the platform with the fewest choices and move on. There is no prize for the best-looking memorial, and a plain page that exists beats a beautiful page that never got finished. Knowing where to create a pet memorial page that matches your own tolerance for decisions is therefore more useful than knowing which platform has the most options, and the next section is organised around exactly that question.

Where to Create a Pet Memorial Page: The Design Control Spectrum

Design control is not binary. If you have been asking where to create a pet memorial page and receiving the same three recommendations everywhere, the reason is usually that those recommendations sit at Level 1 or Level 2 on the spectrum below, which suits the majority of people and quietly fails everybody else. It exists on a spectrum with five recognisable levels, and knowing which level you need saves a great deal of trial and error. The levels run from fully locked templates at one end to raw code access at the other, and most people are happiest somewhere in the middle.

Level 1: Fixed Templates

The platform offers a set of finished designs and you pick one. Fonts, colours, spacing, and layout are all predetermined. Setup takes minutes and the result is almost always competent. This is the right level for anyone who wants the page done today and does not want to think about it again.

The limitation is that every page built on the same template looks alike. If three people in your circle have lost pets in the same year and all used the same platform, the resemblance becomes noticeable, and it slightly undercuts the sense that this page is about one specific animal.

Level 2: Theme Presets with Accent Colour Control

A meaningful improvement. The platform provides themes, and within each theme you can change an accent colour, usually from a palette of eight to twenty swatches. Some also let you switch between two or three heading typefaces. This level satisfies most people who want a degree of personalisation without real complexity.

The risk is that accent colours chosen from a swatch picker rarely harmonise with the photographs. A bright teal accent against warm brown fur creates a visual fight. If you use this level, choose the accent last, after the photographs are uploaded, and pick a tone that already appears somewhere in the images.

Level 3: Full Colour Control with Limited Typography

Here you can set any hex value for backgrounds, text, and accent elements, but the typeface choices remain a fixed list. This is a sweet spot for many people, because colour is where most of the emotional work happens, and a curated list of good typefaces protects you from your own worst instincts.

Full colour control requires you to know a little about how colours interact. The sections below cover contrast, saturation, and the small number of rules that prevent almost every common mistake.

Level 4: Full Typography and Colour Control

The platform exposes font family, size, weight, line height, letter spacing, and colour for every element. This is where a page can be made genuinely distinctive. It is also where things go wrong for people without design instincts, because every control is an opportunity to make the text harder to read.

If you want this level, adopt one rule immediately and hold to it: change one thing at a time, and look at the page on a phone after each change. Most typography disasters are invisible on a large screen and obvious on a small one.

Level 5: Custom CSS or Code Access

The platform lets you write your own styles or edit the page markup. Maximum control, maximum risk. This level is appropriate if you have web experience or know someone who does, and it is how you achieve genuinely unusual results such as a full-bleed background video or hand-drawn lettering.

The drawback is maintenance. Custom code breaks when platforms update. A page that depends on hand-written styles may look wrong after a platform change, and you may be the only person who can fix it. For a page meant to last a decade, this is a real consideration.

[Infographic: the five levels of design control plotted against setup effort and risk of getting it wrong]

Step-by-Step: Building a Customised Memorial Page From Scratch

This sequence works on any platform that offers Level 3 control or higher. It is ordered so that the hardest reversals come early and the fine-tuning comes last.

Step one: choose your photographs first, and finish choosing before you touch any design setting. This is not arbitrary. Your palette should be derived from the images, not applied to them. Select twenty to forty photographs and set them aside.

Step two: identify three colours from the photographs. Open your single favourite image and sample three tones: the darkest meaningful tone, the lightest, and one mid-tone that carries most of the feeling. Free colour pickers and most image editors can give you the hex values. Write them down.

Step three: set the background. Use the lightest of your three tones, but lighten it substantially, because a background that is exactly as saturated as the photograph will compete with every image placed on it. A near-white cream or a very pale grey is almost always the right answer.

Step four: set the body text colour. This is where contrast matters. Body text needs a contrast ratio of at least 4.5 to 1 against the background, and higher is better for long reading. In practical terms, if your background is near-white, your text should be a dark charcoal rather than a pure black, which reads as harsh on screens.

Step five: choose two typefaces. One for headings, one for body text. A serif heading with a sans-serif body is the traditional and safest combination. A single well-chosen family used at two weights is the modern and equally safe alternative. Do not use three or more families.

Step six: set the type sizes using a ratio rather than guessing. A reliable approach: body text at 18 pixels, subheadings at 24, section headings at 32, and the page title at 48 on desktop. Scale everything down by roughly twenty percent on mobile. This ratio looks deliberate because it is.

Step seven: set line height. Body text needs generous leading, around 1.6 times the font size. Headings need tighter leading, around 1.2. Getting line height right does more for readability than any other single setting, and it is the one most often left at the default.

Step eight: place your photographs with consistent spacing. Whether you use a grid, a single column, or staggered blocks, the gaps between images should be identical everywhere. Inconsistent spacing is the clearest visual signal that a page was assembled rather than designed.

Step nine: review on three screens. Look at the page on a laptop, a phone, and a tablet, or use your browser’s responsive preview mode. Fix anything that wraps awkwardly before you share the link.

Step ten: get one honest opinion. Ask a friend whose taste you trust to open the page and tell you the first thing that looks wrong. Then fix only that one thing. Iterating on a single piece of feedback produces better results than acting on five at once.

Where to Create a Pet Memorial Page with Custom Fonts and Colors: Platform Types Compared

Platform type Colour control Font control Setup effort Best for
Dedicated memorial builder, basic Accent colour from a swatch set None or two preset choices Under thirty minutes People who want the page finished today with no decisions
Dedicated memorial builder, advanced Full hex control on most elements Curated list, often six to fifteen families One to two hours People who want personalisation with guardrails
General website builder Full control, including gradients and overlays Full font library, often hundreds of families Two to five hours People who want a distinctive page and enjoy the process
Blog platform with themes Depends on theme, often good Depends on theme, sometimes full One to three hours People who write long tributes and want the text to shine
Static page you build yourself Unlimited, since you write the CSS Unlimited, any web font Four hours or more People with web experience, or with a friend who has it

A Second Table: Typography Choices and What They Communicate

Choice Communicates Works well for Avoid when
Traditional serif headings Permanence, formality, something written down Long-lived pets, formal tributes, pages with lots of text The page is photo-led with very little writing
Clean sans-serif throughout Modern, quiet, unfussy Photo-led pages, minimalist layouts You want the page to feel warm and handmade
Handwritten or script accents Intimacy, the personal touch Short quotes, a signature line, one name in a title Body text, captions, or anything longer than a few words
Heavy or bold weights Strength, presence Large animal portraits, short titles Any paragraph longer than two lines
Light or thin weights Delicacy, softness Elegant layouts with generous space Small sizes, low-contrast colour schemes, and older visitors

Why This Works: The Design Principles Behind the Rules

Every rule in this guide comes from a small number of well-established principles, and understanding the principles means you can break the rules intelligently instead of accidentally.

The first principle is contrast, and it is not about aesthetics at all. Contrast is an accessibility requirement. The human eye needs a clear luminance difference between text and background to track lines of type comfortably, particularly after middle age, when the lens begins to lose flexibility. This is why the standard recommendation is a contrast ratio of at least 4.5 to 1 for body text. It is also why many memorial pages built by younger people for older relatives fail: the palette looks beautiful to a twenty-eight-year-old and is genuinely hard work for a seventy-year-old.

The second principle is hierarchy. A reader’s eye needs to know where to start, and it decides in roughly a fifth of a second. Size, weight, and colour are the three tools that create hierarchy, and the failure mode is using all three everywhere, which makes everything equally loud and therefore equally ignorable. The practical rule is that a page should have exactly three levels: a title, section headings, and body text. Anything more and the hierarchy collapses.

The third principle is restraint in colour. Professional designers rarely use more than three colours in a layout, and the usual breakdown is sixty percent dominant colour, thirty percent secondary, ten percent accent. Applied to a memorial page, the dominant colour is your background, the secondary is your text and image area, and the accent is one small repeated detail. The accent is the one place where a saturated colour works, precisely because it occupies so little space.

[Video: 3-minute walkthrough of setting a custom palette and font pairing on a memorial page]

The fourth principle is consistency of spacing. The eye detects rhythm faster than it detects anything else on a page, and irregular spacing reads as carelessness even when every individual choice was reasonable. Pick one spacing unit, such as 24 pixels, and use multiples of it for every gap: 24 between paragraphs, 48 between sections, 72 before a major heading. This single habit does more to make an amateur page look professional than any font choice.

The fifth principle is legibility over personality in body text. Personality belongs in headings, where a distinctive typeface carries emotion and is only read once. Body text is read for minutes at a time, and the typefaces that survive minutes of reading are almost always the boring ones. This is not timidity. It is respect for the reader, and on a page where the reader may be crying, it is the kindest choice available.

Choosing Colours: A Practical Method That Does Not Require Talent

Most people who consider themselves bad with colour are simply choosing colours in the abstract. Remove the abstraction and the problem mostly disappears. Here is a method that works.

Start from a photograph, never from a colour wheel. Choose the image you would want on the wall if you could only keep one. Use a colour picker to sample five tones from it, then discard the two most saturated. What remains is a palette that is guaranteed to harmonise with your photographs, because it literally came from one.

Assign the roles deliberately. The lightest tone becomes your background, lightened further. The darkest becomes your text. The mid-tone becomes your accent, used sparingly for links, small headings, or a rule between sections. If your remaining tones are all similar in lightness, that is fine; a near-monochrome palette is elegant and very low risk.

Test the palette for contrast before committing. Free online contrast checkers take two hex values and tell you the ratio. Aim for 7 to 1 or better on body text if your visitors include anyone over sixty. If you fall short, darken the text rather than lightening the background, because lightening the background reduces the contrast with your photographs.

Colour Associations Worth Knowing

Colour associations vary by culture, but a few are widely shared in English-speaking contexts and worth knowing before you choose. Deep greens and muted blues read as calm and natural, which suits pages about outdoor animals and favourite walking places. Warm creams and soft browns read as domestic and cosy, which suits pages about indoor cats and dogs who slept on the furniture. Soft greys and pale lavender read as quiet and reflective, which suits pages with a lot of writing.

Saturated red reads as alarm to most people and is very rarely appropriate. Bright yellow on white is close to illegible and should be avoided for text entirely. Pure black on pure white is the highest contrast combination available and also the harshest, which is why slightly softened versions of both almost always look better.

Consider seasonal and personal associations too. If your animal had a particular toy, blanket, or collar, its colour is a legitimate source for the accent tone, and visitors who knew them well will sometimes recognise the reference without being told.

Choosing Fonts: Pairings That Reliably Work

If you have no design background, use one of these four pairings rather than experimenting. Each is widely used because it works, and each suits a different emotional register.

Pairing one: a traditional serif for headings with a neutral sans-serif for body text. This is the classic book and newspaper combination. It reads as considered and slightly formal, and it is the safest choice for a page with substantial writing.

Pairing two: the same sans-serif family for everything, using weight and size to create hierarchy. This is the modernist approach. It reads as calm and confident, it photographs well, and it is nearly impossible to get badly wrong.

Pairing three: a light humanist sans for headings with a slightly larger serif for body text. This inverts the usual expectation and reads as gentle and literary. It suits pages built around a long letter to the animal.

Pairing four: a serif for everything, at two weights. This reads as timeless and quiet, and it is a good choice if the page is mostly photographs with short captions, because the small amount of text will not tire the eye.

Three Font Mistakes to Avoid

Mistake one: using a script or handwritten face for body text. Script fonts are beautiful for four words and unreadable for four sentences. Use them for a name, a quote, or nothing at all.

Mistake two: setting body text below 16 pixels. Small text feels elegant on a large monitor and is a strain on a phone. If you are tempted to go smaller because the text looks too long, cut the text instead.

Mistake three: using all capital letters for anything longer than a short heading. Capitals remove the word-shape information the eye uses to read quickly. A paragraph in all caps takes measurably longer to read and feels like shouting.

Case Study: Priya in Manchester and the Colour From a Photograph

Priya lost her whippet, Indira, in 2024 and found the available memorial templates actively upsetting. Every one of them used the same soft blue and the same rounded sans-serif, and none of them looked anything like the dog she knew, who was brindle, all warm browns and near-black with a white chest. She described the templates as “someone else’s idea of sad”.

She took a different approach. She opened her favourite photograph of Indira, one taken in late afternoon light on a brindle coat, and used a colour picker to sample six tones. She kept three: a deep warm brown, a pale sand, and a soft near-black. The sand became her background, the near-black her body text, and the brown her accent, used only for links and a thin rule beneath section headings.

For type she used a single family throughout: a humanist sans at regular weight for body text and at semi-bold for headings. The page was, by any measure, restrained. It also looked unmistakably like Indira, and three separate people told her it was the first memorial page they had seen that felt like it belonged to a specific animal rather than to a category.

The transferable lesson is that the palette did not come from Priya’s taste or from a colour wheel. It came from the subject. This is the single most reliable shortcut available to someone without design training, and it takes about ten minutes.

Case Study: Daniel in Austin and the Accessibility Problem

Daniel built a page for his father’s dog, a boxer named Hank, largely because his father asked for help and could not manage it himself. Daniel has good visual instincts and produced something genuinely handsome: a pale grey background, soft charcoal text, and a light-weight sans-serif at 15 pixels. On his calibrated monitor it looked refined.

His father, who is seventy-four, called two days later to say the page was hard to read. Daniel initially assumed the problem was the device, then visited and watched his father try. The text was too small, the weight too light, and the contrast between the grey text and the pale grey background was roughly 3 to 1, well below the recommended threshold.

The fix took under an hour and changed three things only: body text up to 19 pixels, weight from light to regular, and text colour darkened until the contrast ratio measured above 7 to 1. Daniel kept the palette and the layout, and he reports that the page looks nearly identical to him while being considerably easier for his father. He now checks every design he makes with a contrast tool, describing it as the least glamorous and most useful habit he has picked up.

His case illustrates something worth stating directly: a memorial page usually has an audience skewing older than its author. Designing for that audience is not a compromise. It is the point.

Where to Create a Pet Memorial Page: Matching Platform to Personality

The right level of design control depends on who is building the page, and being honest about this saves time. Three rough profiles cover most people.

The finisher wants the page done this week and does not enjoy design. Recommendation: Level 1 or Level 2, a dedicated memorial builder with a good default template and perhaps an accent colour picker. The risk of giving this person Level 4 control is not that they will do it badly, it is that they will never finish.

The tinkerer enjoys the process and will happily spend an evening on type pairings. Recommendation: Level 3 or Level 4, either an advanced memorial builder or a general website builder. The risk here is the opposite: endless refinement with no publication. Set a deadline of two sessions and publish at the end of the second.

The delegator wants a distinctive result and knows it is not their skill set. Recommendation: choose a platform with good templates and pay someone for an hour of customisation, or ask a design-inclined friend. There is no shame in this and the results are usually better than either extreme.

What to Do When the Platform Will Not Let You Change Enough

Sometimes the platform you like for its features will not let you change what matters. There are three escape routes. The first is a custom CSS field, which some platforms hide in an advanced settings area; if yours has one, a handful of lines can change every font and colour on the page. The second is embedding: build a small customised section elsewhere and embed it into the memorial page. The third is accepting the platform’s limits and expressing personality through the photographs, the captions, and the order of the content instead, which is where most of the meaning lives anyway.

If none of those satisfy you, it is legitimate to move. Readers frequently ask where to create a pet memorial page that looks distinctive and still exports cleanly, and the practical answer is a general website builder with a full font library, since those tools almost always include media export. Export your photographs and text using the platform’s download function and rebuild on a tool that gives you the control you want. This is exactly why the export habit matters, and it is worth testing before you invest hours in a page you may want to move.

Physical extensions are worth considering once the design is settled, since a palette derived from a photograph translates neatly into print. Some people order a pet memorial plaque with name and photo that uses the same typeface and accent colour as the page, which makes the digital tribute and the physical object feel like one coherent thing. Others create a personalized pet memorial page for dog style tribute and print a small card version for relatives who prefer paper. Keeping the two consistent is easier than it sounds once the palette is written down.

A Short Pre-Publication Checklist

Run through these ten items before you share the link. Confirm the contrast ratio on body text is at least 4.5 to 1 and ideally above 7 to 1. Confirm body text is 16 pixels or larger. Confirm you are using no more than two typeface families. Confirm every gap on the page is a multiple of one spacing unit. Confirm the page loads correctly on a phone.

Confirm the photographs are the right size for the layout and are not stretched or squashed, which happens when a template expects a different aspect ratio. Confirm the accent colour is used in at least three places, because a colour used once looks like an accident. Confirm there is no auto-playing music and no animated transition. Confirm you have saved an export of the photographs. Confirm one other person has looked at it and told you it reads well.

Frequently Asked Questions

Do I need any design experience to customise a memorial page?

No, but you need a method rather than a talent. The method described in this guide is simple: take your colours from a photograph rather than inventing them, use no more than two typefaces, keep body text large and dark enough to read comfortably, and space everything consistently. Follow those four rules and the result will look deliberate. Talent helps with the last ten percent of refinement, and the first ninety percent is process.

How many fonts should I use on one page?

Two at most, and one is often better. The usual arrangement is one family for headings and one for body text, or a single family used at two different weights. Three families almost always looks cluttered, because the eye reads each new typeface as a new voice, and a memorial page does not need competing voices. If you want more variety, create it with size and spacing rather than with additional families.

What is a safe colour scheme if I have no idea where to start?

Start with an off-white background such as a warm cream or a very light grey, dark charcoal text rather than pure black, and one muted accent colour used sparingly for links and small details. This combination works with essentially any photograph, it prints well, and it carries no unintended associations. Once the page is built you can adjust the accent, which is the easiest element to change and the one with the least risk.

Can I use my pet’s actual colours in the page design?

Yes, and it is one of the best ideas in this guide. Sample tones directly from a favourite photograph using a free colour picker, then lighten the lightest for your background and darken the darkest for your text. The result is guaranteed to harmonise with the images on the page, because the palette came from one of them. It also makes the page feel specific to one animal rather than generic.

Why does my page look good on my laptop but bad on my phone?

Almost always one of three causes. Text that is comfortable on a large screen is too small on a phone, so increase the mobile size. Multi-column layouts that look elegant on a desktop collapse into narrow, unreadable columns on a phone, so switch to a single column below a certain width. And images sized for desktop may load slowly or crop badly on mobile, so check the crop on every photograph in the mobile view.

Is it worth paying for a platform just to get more design control?

Only if design genuinely matters to you and you will actually use the controls. Paying for advanced typography options and then using the default settings is wasted money. A reasonable approach is to build the page on the free tier of a flexible platform, discover which specific control you are missing, and upgrade only if that missing control is the difference between a page you are happy with and one you are not.

Can I change the design later without losing my content?

On nearly every platform, yes. Design settings are stored separately from content, so changing your palette or typeface does not affect your photographs or text. The exception is platforms where the template controls the layout itself, in which case switching templates can rearrange your content. Before switching templates on a finished page, take screenshots or save an export so you can restore the arrangement if the change is worse.

How do I make sure older relatives can read the page?

Three adjustments cover almost all of it. Increase body text to 18 or 19 pixels. Use a regular or medium font weight rather than light or thin, since thin strokes disappear as eyesight changes. And check the contrast between text and background with a free online tool, aiming for a ratio above 7 to 1. Together these changes are barely noticeable to younger readers and make a large difference to older ones.

What if the platform only offers a few fonts and none feel right?

You have three options. Pick the most neutral option available and express personality through colour, spacing, and photographs instead, which is usually enough. Check whether the platform has an advanced settings area with a custom CSS field, where you can specify any web font. Or move to a platform with a larger font library, using the export function to take your photographs and text with you.

Should the design be cheerful or sombre?

Neither extreme, in most cases. Pages that are visually cheerful can feel dismissive of the loss, and pages that are visually sombre can be difficult for the author to revisit, which matters because revisiting is part of how the page does its work. The middle ground that works well is warm and calm: muted colours, generous space, and a predominance of ordinary happy photographs. Let the images carry the emotion and let the design stay quiet.

Conclusion

Deciding where to create a pet memorial page with custom fonts and colours comes down to an honest assessment of two things: how much design control you actually want, and how much of it you will enjoy using. The spectrum runs from fixed templates to raw code, and there is a legitimate case for every point on it. Most people are best served by a platform offering full colour control with a curated typeface list, which is enough to make a page feel personal and not enough to make it look wrong.

Whatever level you choose, the method is the same and it does not require talent. Take your colours from a photograph. Use two typefaces at most. Keep body text large, dark, and heavy enough to read comfortably. Space everything in consistent multiples. Check the result on a phone. Do those five things and the page will look considered rather than assembled, which is the difference that visitors feel even when they cannot name it.

pet memorial page, memorial platform, pet tribute site, online remembrance, pet page builder, memorial customization, custom fonts, pet memorial hosting, keeppaws, zhixiaoyi.com

Supply chain specialist at ZXY Sourcing.

View all posts

Related Articles