Brand guidelines ::: Akila Studio

Introduction

Akila Studio is one person designing and building websites, products and apps for founders, from the first decision to launch day. The identity says what the work does: considered, direct, and without decoration it has not earned.

It is mostly black and white. The cherry is the one colour, kept for whatever is live, selected or new.

Color versions

**Black on white**For light, quiet grounds. Keep the space around it open.

**White on black**For dark grounds, photographs and the site at night.

The logo is only ever black or white. It is never set in the cherry, and never on it.

The mark

The Akila mark with its clear space — **Clear space**Half the mark’s height on every side. Nothing enters it.

**Mark alone**Where the studio is already known: icons, avatars, the bar.

Misuse

Core palette

White

HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0

Stone

HEX: #F2F1EF
RGB: 242, 241, 239
CMYK: 0, 0, 1, 5

Black

HEX: #0A0A0A
RGB: 10, 10, 10
CMYK: 0, 0, 0, 96

Cherry

HEX: #FF355D
RGB: 255, 53, 93
CMYK: 0, 79, 64, 0

Black and white carry the type, the surfaces and the work. Stone steps back: a card, a quiet button. The cherry is a signal, so it stays rare.

At night

Night

HEX: #0A0A0A
RGB: 10, 10, 10
CMYK: 0, 0, 0, 96

Graphite

HEX: #161616
RGB: 22, 22, 22
CMYK: 0, 0, 0, 91

Bone

HEX: #F5F5F4
RGB: 245, 245, 244
CMYK: 0, 0, 0, 4

Proportions

BlackWhiteStoneCherry

Typeface

Aa

Inter

One family for everything, optical sizes on. Regular for headlines, so the size does the shouting; medium for labels.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Type scale

Base

16px

Ratio

Augmented fourth 1.414

DisplayInter · 400 · 64px · -0.032em
Websites, products and apps
Heading 1Inter · 400 · 45px · -0.034em
The whole build, or the part you need
Heading 2Inter · 400 · 32px · -0.028em
From the first decision to launch day
Heading 3Inter · 500 · 23px · -0.02em
One person on every decision
BodyInter · 400 · 16px · -0.006em
You write to me, and I am the one who writes back.

Voice

I, not we.

You write to me, and I am the one who writes back.

The mechanism, not the adjective.

I take it from the first decision to launch day.

No dashes.

A comma, a colon or a new sentence does the job.

Nothing invented.

No figure, client or quote that cannot be shown.

Applications

The social card a shared link to akilastudio.com shows — **Social card**What a shared link to the site shows.

Export assets

Favicon .ico

Akila Studio Guidelines