Online Brand Guideline
Released on Aug 3, 2023. © Designally Co., Ltd. All right reserved.
Table of Content
Using our creative skills and love for simplicity, We work closely with clients to create
clear and powerful
brand identities
and
design experiences
that lead to success.
And we did the same to our Communication, Visuals, and Executions
Try member only
function here!
Brand Core
A strong foundation defines the unique identity,
setting the stage for a powerful and purposeful brand presence.
DESIGN
ALLY
[/dɪˈ·zaɪn·nə·li/]
Our name is a combination of the words “design” and “ally.”
It embodies our philosophy of being a creative design ally for our clients.
It embodies our philosophy of being a creative design ally for our clients.
Our aim is to be the trusted partner that businesses can rely on for all their design needs.
Supporting our clients, understanding their vision, and working collaboratively to achieve their goals.
The name “Designally” represents our dedication to creative excellence, partnership, and
the belief that design has the potential to transform businesses.
Supporting our clients, understanding their vision, and working collaboratively to achieve their goals.
The name “Designally” represents our dedication to creative excellence, partnership, and
the belief that design has the potential to transform businesses.
Simplicity
.
We believe that simplicity enhances efficiency, fosters clear communication, and drives successful outcomes.
Embrace simplicity in the way we work to streamline processes and achieve remarkable results.
ALWAYS offer ONLY
what
Really
benefits the client
i.
We believe
simple is always better.
ii.
We are adaptable
to any situation.
iii.
We have
empathy toward one another
and we help each other.
iv.
We are
honest and direct.
We expect nothing less
from our clients and partners.
v.
We believe
there is no single success formula,
success can only be
achieved through trial and error and that’s why…
vi.
We never stop
learning and improving.
vii.
We turn our mistakes into lessons to
never repeat them again.
viii.
We keep it cool, never panic, stop and take a breath,
then find the best solution.
ix.
We
do our best on every project.
We expect an equal level of
commitment from those who chose to work with us.
x.
We
always know
what needs to be done.
Our Process
Dive
We delve into learning
about our client’s brand
and business, ensuring
a comprehensive understanding of who
they are and their goals.
Define
Our team carefully analyze and digest the information gathered, crafting a detailed plan that aligns with their project goals and objectives.
Design
Work our magic to explore the best creative design solutions for your brand, don’t stop until we find the perfect fit.
Deliver
Deliver the project with
the highest possible quality. Our team will always be happy to support and assist even after project is completed.
ALWAYS Understand
who we're
designing
for,
their context, and needs.
Moments of Change
The three common yet crucial moments when branding is pivotal to business success.
We call them “Moments of change,” and we are here to guide our client through these moments:
We call them “Moments of change,” and we are here to guide our client through these moments:
The Moment of
Creation:
From brand & product launch to start-up
market entry and brand creation ‘from scratch’.
The Moment of
Growth:
Fine tuning branding across all areas
to spur business growth.
The Moment of
Transformation:
Established businesses looking to
refresh / reboot their brand.
and don’t forget to…
MAKE IT SIMPLE
MAKE IT RIGHT
MAKE IT WORKS
MAKE IT LASTS.
MAKE IT RIGHT
MAKE IT WORKS
MAKE IT LASTS.
To aid you in adjusting more easily here,
we have created a brief handbook containing all the information
you might want to ask the HR about.
Just between us,
we hid our employee
handbook here.
we hid our employee
handbook here.
Brand Visual
Empower your brand with a design system
and curated brand assets, ensuring consistency and flexibility.
Logotype
The logotype is used for formal purposes and when collaborating with horizontal logos.
Color:
Firecracker / Midnight / White / Grey
Background:
Bright / Dark / Color
Minimum size:
Width 162 px, Height 15px
File format:
Ai, SVG, JPG, PNG
Symbol
The symbol logo is used in limited space and informal
usage, as well as in cooperation with icons and graphic
elements to create a cohesive visual identity.
Color:
Firecracker / Midnight / Yellow / Green / Light Blue / Purple
Background:
Bright / Dark / Color
Minimum size:
Width & Height 30px
File format:
Ai, SVG, JPG, PNG
Logo Don’t
The logo usage rules will help keep consistency
of the brand. Let’s take a quick test,
which sample on the right is a correct usage?
Check the answer below.
The answer is…
None of them are correct.
1. Do not change the color of the logo except
the specified brand’s color.
2. Do not change the font used.
3.-4. Do not reduce or enlarge the size of the logo without
keeping the original ratio.
5.-6. Do not tilt, warp, or place the logo in a different angle.
7. Do not use the logo on a picture with complicated details.
8. Do not add line weight to the logo.
9. Do not add heavy contrast drop shadow on the logo.
10. Do not change the position of the elements of the logo.
Color Scheme
A color scheme establishes brand recognition and
identity by using specific colors consistently across
all materials, helping customers easily recognize
and remember the brand.
Designers,
I bet you’d
love this
I bet you’d
love this
Primary Color
Represent the brand in every purpose
Color:
Firecracker / Midnight
Secondary Color
Enhance variety of services and usages
Color:
Yellow / Green / Light Blue / Purple
File format:
.swt for Adobe Programs
Firecracker
HEX:
Copied!
RGB:
Copied!
CMYK:
Copied!
Midnight
HEX:
Copied!
RGB:
Copied!
CMYK:
Copied!
Green
HEX:
Copied!
RGB:
Copied!
CMYK:
Copied!
Yellow
HEX:
Copied!
RGB:
Copied!
CMYK:
Copied!
Light Blue
HEX:
Copied!
RGB:
Copied!
CMYK:
Copied!
Purple
HEX:
Copied!
RGB:
Copied!
CMYK:
Copied!
English Primary Typeface
Poppins, the san serif font, is used for paragraphs of text.
Primary Typeface
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Font:
Poppins
Variations:
Thin / Extra Light / Light / Regular / Medium / SemiBold / Bold / ExtraBold / Black
File format:
.ttf, .otf, .woff
English Secondary Typeface
The Serif, is used for headings and short paragraphs of text.
The italic style will specially used with an alphabet of the focus keywords.
The italic style will specially used with an alphabet of the focus keywords.
Secondary Typeface
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Font:
EB Garmond
Variations:
Regular / Medium / Semibold / Bold / Extra / Bold
File format:
.ttf, .otf, .woff
English Complementary Typeface
Handwritten style font for illustrate usage is used on short phases.
Complementary
Typeface
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Graphic Elements
We strive to make our graphic elements both enjoyable and
effortless to create. With a method inspired by a kindergarten
art class, our graphic element provides you with the freedom to
unleash your imagination. The only requirement is to incorporate
the shape from our symbol logo. Let’s create more!
Brand Executions
Bring your brand identity to life by translating it into tangible assets
that communicate effectively with your audience.
Business Card
From one of good design practices in kindergarten classroom,
the only rule is keeping the main symbol shape – and that’s it.
The symbol can be anything your imagine to.
Size:
8.5 x 9 Inches
Materials:
Matte paper Ekawin Coaster & Easter 480 gsm (CTT480)
Printing Technique:
Emboss on symbol
File format:
Ready-to-print Ai and PDF, mockup image PNG and JPG
Envelope
In this digital era, most of our client interactions
happen online. So when we do get a chance to connect
offline, it’s important to grab it and make it count.
And one awesome way to do that is by introducing
ourselves through some cool stationery.
Size:
C3 Envelope 32.4 x 45.8 cm.
Materials:
Smooth paper Ekawin Arctic HighWhite 150 gsm (ARC150H)
File format:
Ready-to-print Ai and PDF,
mockup image PNG and JPG
Document Header and Footer
In this digital era, most of our client interactions
happen online. So when we do get a chance to connect
offline, it’s important to grab it and make it count.
And one awesome way to do that is by introducing
ourselves through some cool stationery.
Size:
A4 Paper 21.0 x 29.7 cm.
File format:
Ai and PDF template file, Ready-to-use Word file,
and mockup image PNG and JPG
Welcome Kits
A welcome kit for the new team member is provided.
The kit includes a notebook containing internal values
and guidelines to help our new members settle down
with the new beliefs and culture. The welcome kit also
includes a Tumblr, T-Shirt, Notebook, and Pen.
Files:
Tumblr, T-Shirt, Notebook, and Pen
File format:
Ready-to-produce Ai and PDF, mockup image PNG and JPG
Email Footer
Email footers are essential for effective communication.
They enhance the brand, improve efficiency,
and ensure legal compliance. Don’t underestimate
their importance – they make a significant impact on
the professional communication.
Platform:
Desktop and Mobile
Size:
300 KB
File:
HTML scripts with installation manual
Social Media Template
Consistent profiles make it easier for people to find
and follow us on different platforms. It reinforces
brand identity, making it more memorable and
recognizable. This creates a professional image
that reflects positively on the online persona.
Size:
1:1 Profile and cover images
Platform:
Facebook, Instagram, LinkedIn, and TikTok
File format:
Ready-to-produce Ai and PDF, mockup image PNG and JPG
Presentation Template
We have a great presentation template for
external use. It includes a main template,
a set of icons, and additional elements for
various usages. It also helps you maintain
consistency across teams.
Website
We take our website as the first place where
clients can meet us online. It should represent who we are,
and allow clients to get some perspective of Designally
before we have a chance to talk.
Domain:
designally.co
Builder:
WordPress
File format:
Design System and design files on Figma.
If you are looking
for a website creator,
we should have a convo!
for a website creator,
we should have a convo!
Interesting?
As Oprah Winfrey once said,
“You get an online brand guide!
And You get an online brand guide!
Everybody gets an online brand guide!”
And You get an online brand guide!
Everybody gets an online brand guide!”
She didn’t?
Good to know! But hey, you can have yourself one anyway!
Good to know! But hey, you can have yourself one anyway!
