Brand System / Case Study

02

Serenica Brand Guide

I created Serenica's brand identity and a guide for using its logo, typography, and colors.
01 / Objective

What I wanted to solve

For Serenica, I wanted the identity to feel steady and approachable in the places where practitioners do everyday work. The brand needed to hold up in small interface details as well as more visible communications.

I put the logo, fonts, colors, and usage rules together in a digital guide. I wanted it to answer everyday questions: which logo should I use, what needs to stand out, and how do I keep a busy screen feeling calm?

02 / My role

My contribution

Brand design

I designed Serenica's branding, creating a calm, recognizable identity for independent practices.

Visual identity

I designed the logo system and chose the typography and color palette, with clear rules for spacing, hierarchy, and emphasis.

Brand applications

I developed the brand guide and showed how the identity carries across logo variants, favicons, and product examples.

03 / Interface review

What I focused on

A logo for different sizes
I designed full logos, a wordmark, and a compact mark so the identity has options for everything from a browser tab to a larger page header.
Keeping the brand calm
I used open layouts, generous spacing, and small amounts of accent color. I wanted the guide to explain how to create that feeling, not just describe it.
Knowing what should stand out
I kept strong accents for the things that need attention. If everything is emphasized, the important actions get lost.
The design question

How can a calm identity stay recognizable across a working product without making every screen feel heavily branded?

04 / Workflow

How the flow works

  1. 01

    Choose the setting

    Identify the available space, background, and reading distance.

  2. 02

    Select the mark

    Use a full logo, reverse version, wordmark, or compact mark.

  3. 03

    Set the hierarchy

    Use type and spacing to separate primary content from supporting detail.

  4. 04

    Apply emphasis

    Reserve accent color for the moments that deserve attention.

05 / Design decisions

Why I designed it this way

Make the right logo easy to choose

I showed the primary, reverse, and wordmark versions together so their uses are easy to compare. I also included spacing guidance to keep the logo readable beside navigation, content, or another brand.

Logo guidance

Keep typography simple

I chose Inter for labels, body text, and headings. A few weights provide enough contrast between levels without adding more fonts or making every heading oversized.

Typography

Show the brand in use

I applied the identity to a favicon, URL preview, and operations card. These examples show how the branding can stay recognizable while leaving room for the information people actually need.

Application examples
06 / The work

A closer look at the designs

myserenica
Calm operating system for independent practices

This guide organizes Serenica's visual identity into a reusable digital system: a composed logo, spacious layouts, warm neutrals, grounding blue, intentional accents, and typography built for long sessions of focused clinical and operational work.

Serenica brand guidelines cover reference
Typography

I chose Inter for its clean, readable style. It supports the content without drawing attention away from it.

Inter Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm

Light / Regular / Medium / Semibold

Light 300Spacious editorial moments

Independent practices need room to breathe.

Regular 400Body copy and core content

Clear, calm information for everyday reading.

Medium 500Emphasis within paragraphs

Important notes without visual noise.

Semibold 600Headings and key data points

Structured moments of focus and hierarchy.

Core Colors

I chose a palette that feels calm, with accents for the details that need attention.

Dark Blue#1D353E
Warm White#FAF6EF
Bold Orange#E66F51
Teal#2A9D8E
Almost White#FFFCF7
Ocean#A8DADB
Usage Principles

I wanted the identity to feel calm and dependable while leaving room for each practice's independence.

Clinical Calm

Steady, composed, and respectful of serious work.

Quiet Reliability

Stable, structured, dependable, and easy to trust.

Practitioner Independence

A central hub that supports practices without controlling them.

Do

  • Use generous whitespace around the logo.
  • Keep layouts composed, open, and uncluttered.
  • Use orange only for important actions or focus moments.

Do Not

  • Pair the icon alone with partner logos.
  • Use Serenica marks as part of another brand.
  • Crowd the logo with decorative elements or dense type.
Application Examples

I used dark blue, light backgrounds, and teal accents to carry the identity into everyday product screens.

Serenica blue mark

Website Favicon

A reduced mark for tight interface spaces.

my.serenica.com
serenica hub

Claims, notes, schedules, and financial summaries in one calm workspace.

Review queue
myserenica

Practice operations, quietly organized.

Designed to reduce visual noise at the end of a clinical day.

07 / Reflection

Looking back

I wanted Serenica to feel approachable without getting in the way of everyday work. The guide brings the identity and its practical rules together, so someone using the brand has more to go on than a logo and a set of colors.

Available for thoughtful product work

Let’s make complex products easier to use.