top of page
PeakMetrics
PeakMetrics is a data intelligence platform.
The brand needed a refresh, their values had changed so their visual image, tone of voice and overall branding needed to represent their new ideals. It started with the redesign of their logo.
.png)
Branding
UX/UI Design
Web Design
Concept: The Light that Reveals
PeakMetrics’ mission, helping us see beyond a manipulated internet, is captured through the image of a peak rising above others. From this higher vantage point, the full panorama becomes visible, symbolizing PeakMetrics’ advantage in offering a clearer, more comprehensive, and more precise view of the information landscape than its competitors.
Typography
Primary Typeface
Woodmark Typeface
Brand Colors
Dark Cool Gray
#171717
Dark Purple
#2B2195
Light Purple
#B5B1ED
Warm Grey
#E8E8E8
Salmon
#FE8F87
Mountain imagery
The Isotype - The light that reveals
Stylized mountains, reveal a greater peak illuminated from behind, symbolizing the ability to see beyond the surface and uncover what is intentionally obscured. This visual metaphor speaks to PeakMetrics’ role in navigating the noise of the modern internet, bringing hidden patterns and deeper truths into focus.
Outlined
Logotype
A logotype is a typographic representation of a brand name, designed to function as a distinct and recognizable identifier. It relies on letterform, spacing, and proportion to convey personality and ensure clarity across applications.
Optical Spacing
The letters have a separation of 31%, this tracking introduces openness and rhythm, allowing each letter to breathe and be read with ease.
Spacing
The Isotype height is an important element for the logotype. Every measurement is related to it. Half of that height is considered as 1x.
Exclusion zone
The exclusion zone refers to the area around the logo. Clear space or containing no other graphic text. Elements that infringe onthis space will be breaking the brand guidelines. This area is of 2x
The Website
Made in Figma and Figma make. It was being built in Framer but for speed I suggested using Figma make, which made the process faster and colaborative.
It's still being coded, you can see it here: https://www.peakmetrics.com/
See through the
Manipulated Internet
The Website goes from light to dark as the user scrolls down, leading the user down the rabbit hole of the Manipulated Internet.
Mountain imagery is used thought the website, superimposed with illustrations of dashboard elements.
Printed Designs
Merchandising
bottom of page