Zika Alert App
  • Introduction
  • Research Overview
  • User Research
    • Literature Review
    • Competitive Analysis
    • Survey
  • Analysis
    • Synthesized Data
    • Affinity Diagram
    • User Personas
    • User Journey Maps
  • Structure & Navigation
    • App Requirements
    • Information Architecture
    • Wireframes
    • App Workflow
  • Design & Prototype
    • Visual Identity
    • Mockup
Powered by GitBook
On this page
  • Primary logo
  • Logo Symbol
  • Logo wordmark
  • Clear space
  • Logo Background
  • Colors
  • Typography
  • Iconography
  • Imagery
  1. Design & Prototype

Visual Identity

The visual identity of the Zika Alert App seamlessly combines aesthetic appeal with practicality, ensuring an intuitive, easy-to-use interface that empowers users in their fight against Zika

PreviousApp WorkflowNextMockup

Last updated 1 year ago

Primary logo

Our logo marries a striking mosquito icon with the word "Zika" — a visual testament to our app's mission to alert and protect against the Zika virus

Logo Symbol

The mosquito icon stands alone as the symbol of our fight against Zika, embodying the app's core focus on vigilance and prevention.

Logo wordmark

The "Zika" wordmark, designed with clarity and impact in mind, represents our app's dedicated purpose in a textual form.

Clear space

Around our logo, there's a buffer zone – a clear space that ensures our emblem stands out distinctly wherever it's placed, maintaining its visibility and impact.

Logo Background

Our logo floats on brand colors, uncluttered space, ensuring it stands out clearly and is instantly recognizable.

Colors

  • Pristine Oceanic: This refreshing bluish-green symbolizes clarity and calm, mirroring the app's promise of clear, reliable information.

  • Mediterranean Blue: A deeper, trust-inspiring hue, used for highlights and critical alerts.

  • Radishical: This bright, warm red is reserved for prompting urgent action, like alert notifications.

  • In the Dark: A grounding, dark grey color for text ensuring optimal readability.

  • Brilliance: A luminous white, emanating hygiene and safety, primarily used for backgrounds and containers.

Typography

Friendly yet assertive, ensuring messages are communicated with clarity and urgency, making the app accessible to all users.

Typescale

Headline Style

Iconography

Imagery

Incorporates warm red in tones to show countries with countries and territories with Zika information

Modular-scaling
Zika logo
Logo symbol
Logo wordmark
Logo clear space
Logo on background colors
Brand colors
SF Pro Display and SF Pro are type-faces for Zika alert app
Headline and body style and hierarchy
Icons
Zika alert app logo
Zika alert app logo
Zika alert app logo symbol
Zika alert app logo symbol
Zika alert app logo word mark
Zika alert app logo word mark
Zika alert app logo clear space
Zika alert app logo clear space
Zika alert app logo on background colors
Zika alert app logo on background colors
Zika alert app brand colors
Zika alert app brand colors
Zika alert app type-face is SF pro
Zika alert app type-face is SF pro
Zika alert app Headline and body style and hierarchy
Zika alert app Headline and body style and hierarchy
Zika alert app iconography
Zika alert app iconography