Visual Brand
Guideline
Key graphics for
media use
media use
01
How we sound
we make it happen. Our name reflects our philosophy: like ants, we work with precision,
collaboration, and persistence — but we do it smarter, not harder.
our
representation
representation
naming
Lazy Ants
Use our naming as a single word, starting
from lower case character.
from lower case character.
Copy
messaging
From a single concept to a
fully coded success, we make
it happen.
fully coded success, we make
it happen.
Use our brand message to represent
Lazyants’ vision and mission.
Lazyants’ vision and mission.
Copy
Do not alter
the brand name
the brand name
Never change “Lazy Ants” to
variations (e.g., Lazyants,
LAZYANTS, Lazy Antz). Always use
the official spelling and
capitalization.
variations (e.g., Lazyants,
LAZYANTS, Lazy Antz). Always use
the official spelling and
capitalization.
Do not invent
unofficial taglines
unofficial taglines
Use only the approved brand
message. Avoid paraphrasing,
abbreviations, or creating your
own messaging.
message. Avoid paraphrasing,
abbreviations, or creating your
own messaging.
Do not use an
unapproved tone of voice
unapproved tone of voice
Lazyants messaging should
always sound professional, clear,
and confident. Avoid slang, overly
casual language, or messages that
conflict with our values.
always sound professional, clear,
and confident. Avoid slang, overly
casual language, or messages that
conflict with our values.
02
Logotype
to reflect clarity and consistency.
our core
IDENTIFIERS
IDENTIFIERS
primary logo
Use as primary visual representation of Lazyants.
Download
primary logo, vertical
Use as an alternative of our
primary logo for limited space.
primary logo for limited space.
Download
logo mark
Use as a brand icon when full logo
application is not required.
application is not required.
Download
unicode symbol
🐜
Use as a digital expression for
informal and online contexts.
informal and online contexts.
Copy
Do not alter the logo
design
design
Never stretch, distort, rotate, or
modify proportions.
modify proportions.
Do not change colors
or effects
or effects
Use only approved brand colors;
avoid shadows, outlines, and other
effects.
avoid shadows, outlines, and other
effects.
Do not combine with
other elements
other elements
Never place the logo inside
shapes, patterns, or alongside
unapproved graphics/text.
shapes, patterns, or alongside
unapproved graphics/text.
03
Colors + gradients
to express energy, adaptability, and technological creativity.
The LazyAnts
spectrum
spectrum
BLUE#0038FF
Copy
GREEN#2DC261
Copy
BLACK#000000
Copy
WHITE#FFFFFF
Copy
GRAY#EDEDED
Copy
main gradient
#01F270 #0038FF
45°Download
secondary gradient
#36B0C2 #4DCD3A
45°Download
other gradientsfor usage as secondary
backgrounds
backgrounds
Download
Do not alter the official
palette
palette
Never use new colors
or gradients for Lazyants
graphics outside the approved set.
or gradients for Lazyants
graphics outside the approved set.
Do not change
proportions & directions
proportions & directions
Do not flip, rotate, or shift the
gradient flow. Avoid adjusting
opacity or blending modes.
gradient flow. Avoid adjusting
opacity or blending modes.
Do not apply unapproved
effects
effects
Avoid adding shadows, outlines,
textures, or filters to brand colors
and gradients.
textures, or filters to brand colors
and gradients.
04
Typography
It ensures consistency across all digital and print communications.
Our voice in
type
type
titlesline height: 120%
Geist Bold
Use bold font weight for all types of titles
and text on clickable elements.
and text on clickable elements.
paragraphsline height: 150%
Geist Regular
Use regular font weight for paragraphs
and non-clickable text elements.
and non-clickable text elements.
captionsline height: 150%
ALL CAPS
Use all-caps bold font style
for short captions.
for short captions.
Do not use unapproved
fonts
fonts
Always use Geist for all brand
communications; avoid
substitutions or replacements.
communications; avoid
substitutions or replacements.
Do not alter font
styles
styles
Do not stretch, condense, rotate,
or otherwise distort the typeface.
or otherwise distort the typeface.
Do not modify weights or
spacing inconsistently
spacing inconsistently
Use only approved weights and
letter/line spacing; avoid arbitrary
adjustments.
letter/line spacing; avoid arbitrary
adjustments.
05
Elements
these elements create visual cues that guide the eye and enhance storytelling.
Our brand graphic
details
details
lines
Use 1px horizontal and vertical
lines that contact each other to
separate content and to build
background hierarchy.
lines that contact each other to
separate content and to build
background hierarchy.
Use black (opacity: 7%) and white
(opacity: 10%) for lines.
(opacity: 10%) for lines.
dot
A bold dot precedes the title,
adding a clean visual accent. It
subtly separates text while
keeping the design cohesive.
adding a clean visual accent. It
subtly separates text while
keeping the design cohesive.
Use our corporate color shades
and gradients to fill the dot.
and gradients to fill the dot.
arrows
Large arrows: use as background
elements. Colors: black (opacity:
7%) and white (opacity: 10%).
Directions: all.
elements. Colors: black (opacity:
7%) and white (opacity: 10%).
Directions: all.
Small arrows: use for primary
navigation. Black or white, opacity:
100%.
navigation. Black or white, opacity:
100%.
Download
icons
05
🚦
05
🚦
Icons in boxes: use numbers
(Geist Bold), simple outlined icons
(stroke: 2px) or emojis on a rounded
square (opacity: 10-20%).
(Geist Bold), simple outlined icons
(stroke: 2px) or emojis on a rounded
square (opacity: 10-20%).
Clean icons: use numbers
(Geist Bold), simple outlined icons
(stroke: 2px) or emojis without
a background.
(Geist Bold), simple outlined icons
(stroke: 2px) or emojis without
a background.
Do not alter
shapes
shapes
Never stretch, distort, rotate, or
otherwise modify the original
elements.
otherwise modify the original
elements.
Do not change colors
or styles
or styles
Do not stretch, condense, rotate,
or otherwise distort the typeface.
or otherwise distort the typeface.
Do not combine elements
incorrectly
incorrectly
Do not layer or position elements
in ways that break visual
consistency.
in ways that break visual
consistency.