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.

hero · primary logo
what it is

a complete brand system for trendspy, a trend-analysis platform: emblem, color, three typefaces, voice, and the guide itself.

what i did

owned the identity end to end, from positioning to the component-level rules, and wrote the guide the product team builds from.

what happened

the brand shipped with the product. the beta landing page converted at 48% with 76% form completion.

speci
roleui designer, brand identity, design systemsclienttrendspyyear2023typebrand guide + digital brand systemtoolsfigma, illustratortypefacesgilda display, inter, syne
purpose + positioning01

trendspy helps organizations spot emerging patterns before they go mainstream. the design language balances analytical precision with accessible visualization.

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. accessible. we reveal patterns others miss and make complex data understandable.

logo system02

stylized human profile with integrated data visualization elements. gradient blues and purples with network patterns and charts overlaid: the fusion of human intelligence with data analytics.

clear space — minimum clear space equals the height of the emblem on all sides. minimum sizes: primary 120px / emblem 80px (digital); primary 1.5in / emblem 1in (print).

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
logo systemimages · same order as the current page
paste the existing {image N} tags for: logo system
color system03

deep navy background for contrast. vibrant purple accents for brand recognition. designed for extended data analysis sessions without eye strain. all primary text combinations meet wcag 2.1 aa: white on deep navy 17.6:1, white on purple 4.7:1.

deep navy#080b2a
trendspy purple#cc4dff
trendspy pink#ff71c7
white#FFFFFF
light navy#0f1235
success#00C853
alert#FF2C5D
crystal cardgradient overlay
typography04

three typefaces, each with a clear job. serif for authority, sans-serif for readability, geometric for action.

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
the three·
  • gilda display — elegant serif for headings and feature highlights. adds sophistication against the clean body text.
  • inter — body copy, ui elements, navigation. optimized for readability across devices.
  • syne — buttons and ctas only. wide letter spacing sets interactive elements apart from content.
voice + tone05

confident and forward-thinking, but never stuffy. we turn complex data into clear, actionable insights.

characteristics — confident. forward-looking. clear. precise. helpful.

adjusts to context — educational content is patient. product features are direct. alerts are concise. success messages celebrate. the voice stays consistent, the tone flexes.

say it like this·
do
"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."
don't
"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."
brand application06

consistent identity across web and mobile, adapted for each platform's constraints.

brand application · web + mobileimages · same order as the current page
paste the existing {image N} tags for: brand application · web + mobile
process07
  1. researchcompetitive audit of the trend analysis market. identified visual differentiation opportunities.
  2. foundationdefined brand promise, personality, and positioning before any visual work.
  3. systembuilt the visual identity: emblem, color palette, typography, and component library.
  4. implementationextended the brand across web and mobile, evaluated for consistency at each touchpoint.
impact08
48%conversion ratebeta landing page, well above saas industry average.
76%form completionmost visitors who started sign-up finished it.
← homepage  //  001 visual design © 2026 naeema :)