issue 001  //  09.08.2026  //  16:04 theme  //  snd: off
menu
homepage / 001 visual design / trend spy brand guide01 / 04

trend spy brand guide

visual identity, typography, color, and voice for a data-driven trend analysis platform.

primary logo
what it is

the brand for trendspy, a market-analysis platform for small businesses: logo, color, type, and voice, written up as a guide the team designs and codes from.

what i did

positioning, the logo and its variants, a wcag-checked color system, the typefaces, the voice rules, and the rollout to web and mobile.

what happened

launched with the product in 2023. the beta landing page converted at 48%; 76% of people who started the sign-up finished it.

speci
clienttrendspyyear2023deliverablesbrand guide, logo files, ui kittoolsfigma, illustrator
brand · purpose + positioning01

trendspy helps organizations spot emerging patterns before they go mainstream. the design language has to feel precise without feeling technical.

promise — uncover tomorrow's trends today. data-driven insights that inform better business decisions through real-time monitoring and advanced analytics.

personality — forward-thinking, data-driven, insightful, and accessible.

logo02

a portrait with data-visualization elements built into it: network lines and small charts in gradient blues and purples.

two variants: the primary logo with the wordmark, and the icon alone where space is tight.

variant 01 · primary logo
logo and wordmark, for headers and print
variant 02 · icon
icon only, for app icons and small sizes
clear space diagram
clear space + minimum sizes·

x equals the icon's height. keep at least one x of clear space on every side of the logo.

minimum sizes
primary logo: 120px digital, 1.5in print
icon: 80px digital, 1in print

logo usage·
do
  • keep original colors and proportions
  • use on backgrounds with sufficient contrast
  • maintain clear space around the logo
don't
  • stretch, rotate, or distort
  • change colors outside the approved palette
  • place on busy or low-contrast backgrounds
color03

deep navy as the base, purple for accents, built for long sessions of reading charts. every text pairing meets wcag 2.1 aa.

deep navy#080b2a
trendspy purple#cc4dff
trendspy pink#ff71c7
white#FFFFFF
light navy#0f1235
success#00C853
alert#FF2C5D
crystal cardgradient overlay
Aawhite on deep navy17.6 : 1aaa
Aawhite on purple4.7 : 1aa
Aapurple on deep navy5.9 : 1aa
Aapink on deep navy8.1 : 1aaa
Aanavy on white17.6 : 1aaa
typography04

three typefaces, one job each.

Aagilda displayheadingsh1 · h2 · feature highlights
Aainterbody + interfaceparagraphs · navigation · labels
Aasynebuttonsctas only · uppercase · wide tracking
type scale·
h1Uncover Tomorrow'sgilda display / 42px
h1 accentTrends Todaygilda display / gradient
h2Powerful Featuresgilda display / 32px
bodySearch, visualize, and track trends with unprecedented accuracy.inter / 16px
buttonSTART YOUR JOURNEYsyne / uppercase / wide
voice + tone05

the voice is confident and plain. it explains what the data shows and what to do about it.

tone by context — educational content takes its time. product copy is direct. alerts are short. success messages are allowed to be happy.

say it like this
"real-time trend tracking identifies emerging patterns across social media, news, and forums, giving you up to a 3-week advantage."
"we've detected an unusual spike in your tracked keywords. view the analysis to see what's driving it."
not like this
"our amazing, cutting-edge, revolutionary trend tracking system is proven to be the best in the world!"
"alert: keyword spike detected in system parameters across multiple data channels in correlation with temporal anomalies."
application06

the identity in use.

web · landing page
mobile
process07
  1. researchaudited competing trend-analysis brands to find room to look different.
  2. foundationwrote the promise, personality and positioning before drawing anything.
  3. systemdesigned the identity and the rules for using it.
  4. rolloutapplied it to web and mobile and checked it held up on each.
impact08
48%landing page conversionabove typical saas benchmarks.
76%sign-up completion
← homepage  //  001 visual design © 2026 naeema :)