Two Letters,
One Line

Role & scope
Brand Identity
Logo & Graphic Design
Client
Reylan Ocampo, personal brand
Deliverables
Logo system, colour, type, applications
The RO mark in white on a black background

Overview

I needed a mark that works as hard as the websites I build. Simple enough for a favicon, confident enough for a business card, and recognisably mine.

The goal

Build a small, flexible identity that feels modern and trustworthy, and stays consistent everywhere my work shows up.

For my business

A clear, memorable signature across the website, proposals, social media and print, so clients remember who made their site.

For the people I work with

A calm, professional look that tells small business owners they’re in steady hands before we even talk.

Process

How the identity came together

I treated my own brand like a client project: one idea for the mark, a short set of rules, and real places to test it.

  1. 01

    The mark

    The logo joins my initials, R and O. The leg of the R sweeps straight into an open O, so the two letters read as a single stroke, the same way design and development happen in one place when you work with me. The O is left open so the mark feels approachable rather than closed off.

    Construction

    RO mark on a construction grid showing the stem, the circle of the O and the clear space around it
  2. 02

    Logo system

    One mark isn’t enough for every space. I set three lockups: the mark on its own for small sizes like the favicon and profile picture, a horizontal version for headers, and a stacked version for covers and presentations.

    Lockups

    Three lockups: the mark alone, the mark beside Reylan Ocampo, and the mark stacked above Reylan Ocampo, Designer and Developer
  3. 03

    Colour & type

    The palette is mostly ink and paper, so the work I show always stays the loudest thing on the page. A studio grey, taken from my portrait backdrop, and a charcoal add depth without adding noise. Schibsted Grotesk carries every headline and paragraph, with three weights and nothing more.

    Colour palette

    Colour palette: Ink 0E0E0E, Paper FFFFFF, Soft paper F1F0EF, Studio grey 8B929D and Charcoal 1C1D20

    Typography

    Schibsted Grotesk type specimen in Semibold, Medium and Regular
  4. 04

    Graphic elements

    Repeating the mark at an angle creates a pattern for backgrounds, packaging and social covers. A few marks are dimmed so the pattern has rhythm instead of reading as a flat wallpaper.

    Pattern of repeated RO marks on charcoal with a white circle badge in the centre
  5. 05

    Applications

    I tested the identity where it actually lives: printed business cards, social posts, profile pictures and the navigation of this website. If the mark still reads at 32 pixels and on a card across the table, it works.

    Print

    Black and white RO business cards on a charcoal surface
    Black tote bag with the RO mark hanging on a light wall
    Flat business card layout: black front with the mark, white back with name, role and contact details

    Social & digital

    Social post templates, a round profile picture and an app icon using the RO mark

Results & Reflections

The RO mark now signs everything I make. From the corner of this website to the front of a business card.

What worked

Keeping the system small. One mark, three lockups, five colours and one typeface make it easy to stay consistent on every page and post.

What I learned

Designing for yourself is the hardest brief. Treating it like a client project, with clear goals and real tests, is what finally got it done.