Digital business card design trends for 2025, and the accessibility basics behind them
By Online Business Cards Editorial Team | Published | Updated | Setting up your card
Most design trends worth following on a digital business card make it easier to use. Here are the ones to follow, the ones to skip, and the accessibility checks behind them.
Design trends come and go. A card that is easy to read and use does not go out of fashion. Making your digital business card accessible means making sure people can use it whatever their eyesight, hearing, dexterity or the conditions they are in, such as bright sunlight, a cracked screen or a shaky train.
The good news is that most of it comes down to a few choices you make while setting up your card. This guide uses the Web Content Accessibility Guidelines (WCAG), the international standard most UK organisations use, translated into plain checks.
Design trends worth following in 2025
Look at a range of current digital business cards and a few patterns stand out. The ones worth following all make a card easier to use:
- Phone-first, single-column layouts. One column, read from top to bottom, with the main button near the top.
- Real photos instead of stock images. A recent headshot, the team, the shop or the work itself.
- Large, labelled buttons. "Call", "Book a visit" or "Save contact", rather than a row of small unlabelled icons.
- Fewer links. Two or three social accounts that matter, not every platform.
- Short video and small galleries, where they help people decide.
- Darker and bolder colour schemes, used with enough contrast to stay readable.
Trends to skip
- Pale grey text on white, which looks fashionable and is hard to read.
- Text over busy photos, which disappears on small screens.
- Icon-only links, which leave people and screen readers guessing.
- Heavy animation, which slows the card down and can make some people feel unwell.
Every trend in the first list holds up when you check it against the Web Content Accessibility Guidelines, and every one in the second list fails at least one check. The rest of this guide explains those checks.
Why it matters for a business card
A business card has one job: to let someone find and contact you. If they cannot read your phone number, cannot tell which button saves your details, or cannot open your price list, the card has failed at that one job.
Accessibility also overlaps with good design generally. High contrast, clear labels and readable text help people with low vision, and they also help someone glancing at their phone outside at lunchtime.
1. Colour contrast
Contrast is the difference between text and the background behind it. Pale grey on white, or dark blue on black, can look stylish on a big monitor and be unreadable on a phone.
WCAG level AA asks for:
- 4.5 to 1 contrast for normal text
- 3 to 1 for large text, roughly 18 point, or 14 point if bold
- 3 to 1 for buttons, icons and other parts people need to see to use the page
You do not need to calculate this by eye. Free contrast checkers online let you enter two colours and see whether they pass. If your brand colour is light, use it for accents and keep text dark.
When you choose a template, check how your brand colours look on it. Our guide to customising your card covers templates and colours.
2. Text over photos
Text on top of a photo is one of the most common contrast problems, because a photo has light and dark patches. If your template places your name over a cover image, choose a photo that is fairly even in tone behind the text, or one with a darker or lighter area where your name sits. Check it on a phone in daylight.
3. Text size and wording
- Do not rely on tiny text. If you have to squint at it on your own phone, others will struggle more.
- Use plain words. "Book a call" is clearer than "Initiate a consultation".
- Write out abbreviations the first time, unless everyone in your field uses them.
- Keep paragraphs short. Two or three sentences per paragraph is easier to read on a small screen.
Many people set their phone to use larger text. Try your card with your own phone's text size turned up, and check that nothing important is cut off.
4. Describe your photos
People who use a screen reader, which reads the page aloud, rely on text descriptions of images, often called alt text. Where you can add a description to a photo or logo, write what someone would need to know:
- Profile photo: "Photo of Daniel Okafor"
- Logo: "Okafor Building Services logo"
- Gallery: "Finished loft conversion with two roof windows"
Leave out "image of" at the start, since screen readers already announce that it is an image. If a photo is purely decorative, a short description or none is fine.
5. Clear button and link labels
Buttons such as call, email and save contact are the most important parts of your card. Their labels should say what will happen:
Unclear | Clearer
Click here | Book a 20-minute call
Link | Download our 2026 price list
More | See recent projects
Screen reader users often jump from link to link, hearing only the labels, so "click here" five times tells them nothing.
Size matters too. WCAG 2.2 sets a minimum target size of 24 by 24 pixels for things people tap, and bigger is easier, especially for people with tremors or larger fingers. Keep important buttons well apart so people do not tap the wrong one.
6. Do not rely on colour alone
If something is only shown by colour, such as "available days in green", people who are colour-blind may miss it. Add a word or symbol as well.
7. Make your documents accessible
If you add a brochure, menu or price list to your card, a PDF made from a scanned page is a picture of text that screen readers cannot read. Instead:
- create the document in a word processor and export it as PDF
- use real headings rather than just big bold text
- add descriptions to important images
- keep it short and single-column, so it reads well on a phone
Our guide to replacing printed brochures and price lists covers making documents phone-friendly.
8. Videos and audio
If you link to a video, use captions. Most video platforms can generate automatic captions, but check and correct them, especially names and technical words.
A five-minute accessibility check
Before you share your card widely:
- Open it on your phone outside in daylight. Can you read everything?
- Turn up your phone's text size. Does anything get cut off?
- Turn on your phone's screen reader (VoiceOver on iPhone, TalkBack on Android) and listen to the first few items.
- Check your text and button colours in a contrast checker.
- Ask someone else to find your phone number and save you as a contact without help.
Which plan you need
These checks apply to every card. Brand Presence (£45, one-off) includes templates, your details, gallery, documents and the controls to hide or reorder sections. The Business Plan (£90, one-off) adds bookings, enquiries and forms; if you use them, keep form labels clear and questions short. Compare them on our plans, or see the online business card.
Read next: Digital business card landing page best practices and Brand identity on a custom digital business card. You can also browse all our guides.
Frequently asked questions
What are the main digital business card design trends for 2025?
Phone-first single-column layouts, real photos rather than stock images, large labelled buttons, fewer social links, short video and small galleries, and bolder colour schemes. The trends worth following all keep text readable and buttons easy to use.
What contrast ratio should a digital business card use?
WCAG level AA asks for at least 4.5 to 1 for normal text and 3 to 1 for large text and for buttons and icons. Free online contrast checkers will tell you whether your colours pass.
What is alt text and do I need it on my card?
Alt text is a short written description of an image, read aloud by screen readers. Add it to your profile photo, logo and any images that carry information.
How big should buttons be on a digital business card?
WCAG 2.2 sets a minimum of 24 by 24 pixels for tap targets. Larger is easier for most people, and important buttons should have space between them.
Are scanned PDFs accessible?
Usually not. A scanned page is a picture of text, which screen readers cannot read. Create your document in a word processor and export it to PDF instead.