Biotech / Vector Intelligence

Kibaseq

Biotech / Vector Intelligence

Kibaseq

Biotech / Vector Intelligence

Kibaseq

Creative direction

The project brings together creative direction, brand identity, website and mobile app design, and custom animations, including the website’s loading sequence, within one cohesive visual system.

Client

Kibaseq

Industry

Biotech

Scope

Brand identity, web & app design, custom animation.

Biotech brand identity

Biology meets identity.

The Logo

The logo combines a mosquito symbol with a DNA-shaped body, paired with a bold, all-caps Figtree wordmark.

Figtree typography specimen in large white characters on a nearly black blue-green background. The first line reads “Aa Bb Cc Dd Ee”, pairing uppercase letters with their lowercase forms. A second line presents numerals and punctuation, including an exclamation mark, an at sign, pound and dollar signs, a percentage sign and a question mark. The unadorned sans-serif characters have rounded bowls, open internal spaces and clean strokes, demonstrating the lettering used across the Kibaseq identity.

The type

Figtree provides a clear, consistent typographic foundation across the brand, website, and app.

Four tall colour swatches sit side by side, with small labels at the top and hexadecimal colour values at the bottom. From left to right they are “Dark Green”, #004E42; “Dark Shade of Green-Blue”, #0B1719; “White”, #FFFFFF; and “Bright Green”, #CEF17B. The first is a deep teal green, the second is almost black with a green-blue tint, and the last is a vivid yellow-green. Broad rounded edges connect some swatches, echoing the curved panels used in the website and identity layouts.

The palette

Deep green and blue-green tones give the identity an organic character, connecting biology with data. Bright green draws attention to key actions and highlights.

Enlarged browser-chrome mockup demonstrating the Kibaseq favicon. A tiny mosquito-and-DNA symbol appears beside the tab label “KibaSeq”, above an address field reading “Kibaseq.com”. The window includes red, yellow and green circular controls at the upper left, with back, forward and reload icons below. Pale grey browser chrome on the left curves into a dark tab and address area on the right, showing how the compact mosquito symbol remains recognisable beside interface text.

Angled close-up of a black smartphone home screen against a dark green background. The Kibaseq app icon is a deep green rounded square containing the white mosquito-and-DNA symbol, with “Kibaseq” underneath. It sits beside a white Calendar tile marked “MON 6”, above blue Mail and yellow-topped Notes icons; part of the Photos icon is visible at the right edge. The black display, curved metallic phone rim and familiar neighbouring apps show the identity in a mobile interface at app-icon scale.

From identity to interface.

The homepage explains the impact of mosquito-borne disease, introduces Kibaseq’s approach, and shows how communities and partners can get involved. Custom animations support a straightforward design that reflects the brand.

Upright black smartphone mockup on a pale grey background, displaying a lower section of Kibaseq’s mobile website. A dark green panel at the top explains that mosquito-borne outbreaks can be detected late and highlights “predictive, not reactive”. The centre of the screen is filled by a vivid blue laboratory photograph of a microscope and a gloved hand. Curved dark green panels overlap the photograph above and below. The lower panel is headed “In the future, Kibaseq will combine:”, with “In the future” in lime. Four entries describe mosquito genomic data, pathogen screening results, environmental metadata, and machine-learning models intended to detect risk signals.

Motion Design

Identity in motion.

Logo and loading animations for Kibaseq’s website.

Logo animation

Green outlines bring the mosquito-and-DNA symbol to life.

Loading sequence

A custom loading sequence opens with a blinking cursor, followed by flickering DNA letters, A, T, C, and G that resolve into KIBASEQ. The animation connects the website’s first impression to the science behind the brand.

Mobile app design

The Kiba App.

The Kiba App is designed to turn complex genomic data into clear insights on mosquito-borne diseases. It helps users understand local risk, track outbreaks, and find nearby medical support, with an interface focused on clarity and trust.