← Brand Identity

Brand Identity · Kerf

Kerf.

Kerf is het Engelse woord voor de snede die een zaag achterlaat, de smalle spleet in het hout. Het hele merk volgt die ene gedachte: één snede die de notch volgt, met licht erin en geluid eronder.

NaadLogo-concept
NachtKleurweg
Space GroteskLetter
One-pagerSite
De hero van de Kerf-site
01

Naam en logo

Het logo moest op zestien pixels in de menubalk net zo goed werken als groot op de site. Dus is het teken één vorm met één idee, en geen illustratie.

Het app-icoon van Kerf
Het app-icoon
Het woordmerk van Kerf
Woordmerk op donker
Het symbool van Kerf
Het symbool
Concept

Eén snede

Een zaagsnede volgt de notch dwars door de tegel. Bovenin de zwarte notch, in de snede valt licht en daaronder speelt het geluid in vijf balkjes.

Icoon

Bewust vlak

De tegel is meteen het app-icoon en is vlak gehouden, omdat macOS zelf een glazen rand en schaduw toevoegt. Voor 16 tot 32 pixels is er een versie met een bredere snede en drie balkjes.

Regels

De snede is het licht

Geen schaduwen, verlopen of gloed op het teken. De balkjes wisselen nooit van volgorde, en op donker komt altijd de versie met de dunne lichte rand.

02

Palet en typografie

Twee donkere tinten voor de notch en het scherm eronder, één lime voor het licht in de snede. De vijf balkjes lopen altijd van warm naar koel, van links naar rechts, zoals geluid dat uitwaaiert.

Notch#0B0B0D
Nacht#232329
Snede#CCFF00
Koraal#FF4F81
Oranje#FF6B35
Geel#FFD600
Teal#06D6A0
Papier#F5F0E8
kerf Space Grotesk SemiBold Woordmerk in kleine letters, en de tekst op de site.
Er speelt niks Systeemfont van macOS In de app zelf, zodat Kerf voelt als een deel van het systeem.
03

De site, van boven naar beneden

Kop en hero
01De kopbalk is de notch: een zwarte rand met een uitsparing, met de lime snede uit het logo eronder. Daaronder hangt de echte open notch groot in een rustig scherm.
Muziek
02De eerste functie in één beeld: de dichte notch met hoesje, balkjes en een nieuw nummer eronder.
Shelf
03Slepen naar de notch, met de twee dropvakken groot in beeld. Bewaren of meteen versturen is de enige keuze.
HUD
04De volume-HUD: een smal balkje onder de notch in plaats van de pop-up van macOS.
Installeren
05Installeren in vier stappen, eerlijk over de handtekening en de vraag om Toegankelijkheid.
04

De toon

Kort, Nederlands en een beetje droog. De app zegt "Kerf draait. Wijs naar de notch." en "Er speelt niks". Geen uitroeptekens en geen verkooppraat, want een app die je de hele dag ziet moet niet de hele dag iets van je willen.