Byte Digital’s brand combines a pixel-art logo, blue-led colour palette and a friendly, reassuring voice. These guidelines help keep the company’s website, proposals, campaign materials and knowledge base consistent.
Name and logo
Use Byte Digital in public-facing copy. The legal business is Design Animal Limited trading as Byte Digital. Preserve the supplied logo artwork, including the pixel-art symbol and Byte wordmark.
Download the approved website logo. Scale the logo proportionally, keep its pixel edges clear and give it enough space to read comfortably. Use the supplied artwork instead of recreating the symbol or setting the wordmark in a substitute font. Place it on a background that preserves its contrast.
Why pixels?
Byte’s pixel-art identity connects Gareth Allen’s earliest creative influences with the work the agency does today.
Growing up in the 1980s, Gareth played games whose characters and worlds were built from simple blocks of colour. Later, during his graphic design training, a tutor encouraged him to draw inspiration from what he knew. Those early games became the starting point for Byte’s visual identity.
The connection runs through the business. Pixels form the digital designs and websites Byte creates, while tracking pixels and tags help measure how people respond to campaigns. The logo brings those creative and technical disciplines together in a recognisable, playful form.
It also reflects the importance of individual details working together: design, development, advertising and measurement each contributing to the bigger picture.
Colour palette
These colours are drawn from Byte’s current website implementation. The blue is the primary brand colour; the supporting colours provide readable text, backgrounds and hierarchy.
| Role | Colour | Use |
|---|---|---|
| Primary blue | #267DF4 | Links, brand accents and calls to action |
| Supporting blue | #1863DC | Strong blue panels and emphasis |
| Deep navy | #071F45 | Dark text and backgrounds |
| White | #FFFFFF | Space, light backgrounds and reversed text |
| Pale blue-grey | #F4F7FB | Subtle section backgrounds |
Check text contrast in its actual setting. Colour supports meaning alongside clear labels, underlines and visible focus states.
Typography
The main website uses Poppins for headings and body copy. The wiki pairs Poppins headings with Arial body text for compact reference reading. Keep headings descriptive, paragraphs readable and spacing consistent.
Tone of voice
Byte’s voice is friendly and reassuring. Write as an experienced person explaining the work directly to another person: approachable, clear and commercially useful.
- Use plain English and UK spelling.
- Explain what happens next and make the next step easy to understand.
- Be positive and specific about the work, expertise and results.
- Support numerical results with their period, source and meaning.
- Use technical language when it helps the reader, and explain unfamiliar terms.
- Give realistic expectations and describe the agreed scope clearly.
Examples
| Situation | Byte wording |
|---|---|
| Starting a conversation | Tell us what you want to achieve. We’ll help you identify a practical starting point. |
| Explaining delivery | You’ll work directly with the specialists planning and delivering your campaign. |
| Explaining a recommendation | We’ll review your audience, website and enquiry data, then agree the next priorities with you. |
| Reporting | Here’s what the campaign delivered, what we learned and what we recommend next. |
Brand consistency
Use company information for legal details, Gareth’s biography for experience and working with Byte for engagement arrangements. The change history records revisions to this library.
References
- Gareth Allen: friendly, reassuring tone, pixel-art logo and brand story confirmed and approved 12 October 2026.
- Byte Digital website: existing logo, typography and colours.