Skip to main content

#Knights

Micheal — Branding & Web Design Case Study | #KNIGHTS
Legal Services · Branding · Web Design

Micheal. You Better Call Mike.

A confident legal identity built around a distinctive wordmark, navy, slate blue and silver. From brand strategy to the website experience, every detail brings clarity, credibility and a personal approach to legal services.

Explore the project
Micheal desktop website showcase
BrandingStrategy, logo and visual identity
Web designDesktop, mobile and social design
Nine deliverablesOne connected brand experience
Overview

A more personal legal brand. A clearer digital experience.

Micheal is a concept identity for a contemporary law firm serving individuals and growing businesses. An Unbounded wordmark, navy, slate blue and silver balance professional authority with a welcoming, personal tone.

The project connects brand strategy, logo design and visual identity with a focused website concept. Three separate website previews make the homepage, expertise and enquiry journey easy to inspect without compressing the whole page into one image.

Logo designBrandingVisual identityWeb designService discoveryEnquiry experience
ProjectMicheal
IndustryLegal services
Service 01Logo, branding & visual identity
Service 02Website & enquiry design
AudienceIndividuals & growing businesses
FocusTrust, clarity and consistency
The brief

Make legal services feel clear and approachable.

01

Create a recognizable identity

Create a distinctive wordmark and circular balance symbol that remain recognizable across the website, document folders and stationery.

02

Balance trust with warmth

Pair navy, slate blue and silver with white space and natural portraits to communicate authority without feeling distant.

03

Bring the services into focus

Help visitors understand the firm’s expertise, identify relevant support and see how an initial enquiry works.

04

Connect every touchpoint

Keep the same logo, portrait direction and visual language across brand boards, stationery mockups and website sections.

Design direction

Confident counsel. A personal point of view.

Four decisions shape the Micheal identity and website direction.

01
Starting point

Recognition

An Unbounded wordmark and circular balance symbol create a recognizable signature.

02
Visual system

Palette

Navy, slate blue and silver establish a calm, confident palette.

03
Brand mood

Photography

A consistent male lawyer portrait and natural professional settings add a human presence.

04
System check

Consistency

One logo system, shared colors and clear calls to action connect every touchpoint.

Project scope

From brand identity. To digital experience.

Logo identity

An Unbounded wordmark, circular balance symbol and horizontal lockup define the Micheal signature.

Typography & color

Navy, slate blue, silver and white support distinctive brand typography and a clear digital hierarchy.

Brand applications

Document folders, letterhead and business cards demonstrate consistent logo use across physical touchpoints.

Website design

A navy hero, slate calls to action and a concise introduction establish the firm’s digital presence.

Service discovery

Photographic practice-area cards and clear service categories help visitors find relevant legal support.

Enquiry experience

A four-step process and a focused contact form explain the path from first conversation to next steps.

Nine focused deliverables bring the Micheal concept together: strategy, logo, typography, stationery, desktop, services, contact, mobile and social design. Open any image to explore the details.
Micheal — Brand strategy & positioning
01 · BRAND STRATEGY

Brand strategy & positioning

“You Better Call Mike.” introduces approachable legal counsel for individuals and growing businesses. Clear advice, personal attention and practical next steps define the promise, supported by a confident, human portrait.

Open this deliverable
Micheal — Logo identity system
02 · LOGO SYSTEM

Logo identity system

The Micheal wordmark uses Unbounded Bold and pairs with a circular balance symbol. Horizontal, stacked, standalone and reversed applications create a recognizable identity across print and digital touchpoints.

Open this deliverable
Micheal — Color palette & typography
03 · COLOR & TYPE

Color palette & typography

Navy, slate blue, silver and white establish a calm, confident palette. Unbounded brings character to the wordmark and headings, while Manrope keeps body copy and interface labels clear.

Open this deliverable
Micheal — Stationery & correspondence
04 · STATIONERY

Stationery & correspondence

White letterhead, a navy-lined envelope, business cards and a branded pen extend the identity into correspondence. Consistent wordmarks, balance symbols and restrained rules bring the same clarity to every piece.

Open this deliverable
Micheal — Homepage experience
05 · HOMEPAGE EXPERIENCE

Homepage experience

The homepage pairs Micheal’s blue-suit portrait with a clear legal proposition, subtle balance imagery and slate calls to action. Spacious sections introduce the practice and guide visitors toward relevant services.

Open this deliverable
Micheal — Expertise & service discovery
06 · EXPERTISE & SERVICES

Expertise & service discovery

Photographic practice-area cards make legal expertise easier to explore. Clear categories and a consistent navy-and-white layout connect each service to a direct next step.

Open this deliverable
Micheal — Legal process & contact experience
07 · PROCESS & CONTACT

Legal process & contact experience

A clear invitation to discuss a legal matter leads into a focused enquiry form. Supporting contact details and a video preview give the first conversation a more personal feel.

Open this deliverable
Micheal — Responsive mobile experience
08 · RESPONSIVE DESIGN

Responsive mobile experience

Mobile layouts carry the homepage, service discovery and enquiry experience onto smaller screens. Clear type, stacked content and prominent actions preserve the same visual identity.

Open this deliverable
Micheal — Social media design
09 · SOCIAL MEDIA

Social media design

A coordinated set of portrait social posts combines human photography, concise messages and the Micheal palette. Consistent 4:5 compositions bring the brand’s approachable, assured personality into the feed.

Open this deliverable
Design outcomes

A recognizable legal identity. Connected across nine deliverables.

DistinctA recognizable identity

The distinctive Micheal wordmark and navy-and-silver palette create a recognizable signature.

ConnectedBrand and website together

The identity connects strategy, stationery and the homepage, expertise and enquiry sections.

ConsistentOne visual system

Consistent logo applications, portraits and color choices give the project a coherent visual character.

These outcomes describe the design work shown; they do not represent measured business or conversion results.

Key takeaways

A consistent identity. A clearer digital experience.

01

The identity sets the tone.

The wordmark, restrained palette and natural portrait direction balance confidence with approachability.

02

The website makes the work tangible.

Separate homepage, expertise and contact previews make each part of the website concept clear and easy to review.

03

A shared system keeps it connected.

Consistent logo use, a defined palette and repeated interface patterns give future materials a clear visual foundation.

Concept project: Micheal branding and website design. Portraits and review figures within the visual mockups are illustrative. Website screens demonstrate design only; no live legal service or enquiry form is represented.

#Knights logo

Have a brand or website project? Let’s talk about it.

From a distinctive identity to a focused website, let’s create a brand experience that feels confident, clear and consistent.