MYTHOLOGHY AND LORE

table of contents

table of contents 2
5 ABOUT US
6 THE LOGO
8 DO NOTS
10 TYPOGRAPHY
12 APP INTERFACE
15 MAIN COLORS
18 JAPANESE MYTHOLOGY
24 EGYPTIAN MYTHOLOGY
30 GREEK MYTHOLOGY
36 NORSE MYTHOLOGY

2 3
 “A people without the knowledge of their past

ABOUT US
history, origin and culture is like a tree without
roots” (Marcus Garvey)

In MYTOS we encourage Knowledge and for users to discover

and learn about different cultures, mythologies and the lores
they are based on. We urge users to Discover a new side of
the world’s history.
Our app includes a wide Variety of mythologies in order to
experience and learn about cultures around the world. At
MYTOS it’s important for us to represent as many cultures,
myths and lores as we can, helping users learn as much as
possible.

MYTOS’s mission is to provide accessible information for users

around the world, and familiarize them with the sorties and
myths of different countries and cultures.

MYTOS is a free interface for all users who wish to learn and
expand their knowledge on cultures of the world.

4 5

What is Mythology?
Myth is a folklore genre consisting
of narratives or stories that play
a fundamental role in a society,
such as foundational tales or
origin myths. The main characters
in myths are usually gods,
THE LOGO
demigods, supernatural humans
and the exemplary deeds of the
gods as a result of which the
world, nature and culture came
to be
The circle has been known
since before the beginning
of recorded history. Natural
circles would have been
observed, such as the
GOD Moon, Sun and many
believed that there was
GUIDELINES
• Aperture conects to icons
something intrinsically
"divine" or "perfect" that (instructions will follow)
could be found in circles • App stroke 0.5-2 pt width
• Web stroke 1-3 pt width
• Red area is allowed area for
app icons
A hexagon is a strong • DO NOT change number of
shape in nature. The shape hexagon sides
best fills a plane with equal
size units and leaves no
• DO NO change proportion
wasted space, which is why between logo and red area
NATURE even though bees make
their honey combs with
circular units, the end result
when the wax hardens into
place is hexagonal.
6 7
 1. Change logo’s orientation or
1 2 3
rotation

2. Disproportionately scale or resize

the logo

3. Change logo’s character

4. Add special effects to the logo

4 5 6
5. Add an outline to the logo or

display the logo as an outline

6. Crop the logo in any way

DO NOTS

7. Change logo’s orientation or

rotation
7 8 9
8. Change logo’s lines or shape

9. Disproportionately scale or resize

the logo

8 9
 A clean line font Hierarchy
ensures that our
typography is
consistent and
25 pt
Title
legible across all
our communication Lorem ipsum dolor sit amet.
channels

Secondery font
20 pt Headline
Text font Lorem ipsum dolor sit amet.
TYPOGRAPHY

Eras Light ITC

Lorem ipsum dolor sit amet.
Primery font 17 pt Contant
Logotype font
Eras Medium ITC
Lorem ipsum dolor sit amet, consectetur
Century Gothic Regular Lorem ipsum dolor sit amet. adipiscing elit. Maecenas sapien sem, commodo
Lorem ipsum dolor sit ac consectetur quis, tempus sed arcu.
amet.
Eras Demi ITC
Lorem ipsum dolor sit amet.
14 pt Subtitle
Century Gothic Bold Eras Bold ITC
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit Lorem ipsum dolor sit Maecenas sapien sem, commodo ac consectetur quis,
amet. amet. tempus sed arcu.
10 11
 • When making a new icon,
APP ICONS ARRANGEMENT
make sure to connect it to
frame as followed
Icon grid 1mm*1mm

• When making a
new icon, build it
in a 1mm*1mm
APP INTERFACE

1 mm Chosen
ratio. only when App logo mythology
the icon is
finished, inlarge • Red area is for new icons for • Exceptions- when making
Different
it to the required app a new icon and it's too big, character icon location icon
mythologies
size you are allowed exceed the
red area up to 2 mm (but not
lore icon myth history
from inner hexagon corners)
icon

d
• DO NOT mix filled and stroked
en
st art
icons together on same page.
Different pages (AKA home
• All icons must consist of ONE page, mythologies pages,
continual line that connects to chosen myth page ace.) may
the frame differ in styles
12 13
 MAIN COLORS

GUIDELINES
In the search of creating a global • Do not mix colors
interface and including a wide rang from different
of myths and culture, the black-gray- mythologies and
sections
white palette is neutral. Every detail • Do not use hue\
that is not conected to any spacific saturation\opacity
myth, should be with this MAIN on colors that are
not specified.
palette. • You may change
Each mythology has a unique secondery colors in
palette that symbolizes it's culture icons, but not the
primrary.

14 15
 ICON COLOR LAYOUT

SECONDARY COLOR FILL ICON EXAMPLE BORDER ICON EXAMPLE

70% OPACITY (OF
SECONDARY COLOR)
PRIMARY SECONDARY
+
COLOR COLOR

GRADIENT

SECONDARY
COLOR

PRIMARY COLOR
RGB 255/255/255 RGB 209/209/209 RGB 148/150/150 RGB 110/112/110 RGB 89/89/89 RGB 00/00/00
45°
CMYK 00/00/00/00 CMYK 17/17/13/00 CMYK 45/35/36/01 CMYK 58/47/50/15 CMYK 63/55/54/28 CMYK 75/68/67/90 PRIMARY

HEX #FFFFFF HEX #D1D1D1 HEX #949696 HEX #6E706E HEX #595959 HEX #000000 • After inserting colors, make COLOR Gradient angle

PANTONE P 1-1 U PANTONE 2330 U PANTONE 4276 U PANTONE 424 XGC PANTONE 419 U PANTONE BLACK 6 C clipping mask of the icon

16 17
JAPANESE MYTHOLOGY APP ICONS
Japanese myths, as generally recognized in the CHARACTER ICON LOCATION ICON
mainstream today, are based on the Kojiki, the
Nihon Shoki, and some complementary books.
The Kojiki, or "Record of Ancient Matters", is the
oldest surviving account of Japan's myths, legends
and history. The Shintoshu describes the origins of
Japanese deities from a Buddhist perspective, while
the Hotsuma Tsutae records a substantially different
version of the mytholog MAIN MYTH ICON

LORE ICON MYTH HISTORY ICON

COLORS

Blue and green represent nature and gods, while

Red and Pink represent the famous Cherry Blossom

18 19
PRIMARY COLOR

PRIMARY COLOR

PRIMARY COLOR

PRIMARY COLOR
RGB 167/52/76 RGB 35/89/45 RGB 13/32/61 RGB 189/39/41
CMYK 26/92/61/14 CMYK 89/39/98/37 CMYK 97/84/45/54 CMYK 18/98/96/08
HEX #A7344C HEX #23592D HEX #0D203D HEX #BD2729
PANTONE 65-15 C PANTONE 150-16 C PANTONE 289 C PANTONE 48-16 C

HEX #E3527A HEX #F3C4D0 HEX #FAFFFF HEX #47A64F HEX #77C044 HEX #A8D17D HEX #2466A3 HEX #76C4D6 HEX #ADDEE8 HEX #F0545C HEX #E92D38 HEX #F28294

SECONDARY COLORS SECONDARY COLORS SECONDARY COLORS SECONDARY COLORS

20 21
Color and icon combination examples
opp. 1 opp. 3

opp. 2 opp. 4

22 23
EGYPTIAN MYTHOLOGY APP ICONS
Egyptian mythology is the collection of myths from CHARACTER ICON LOCATION ICON
ancient Egypt, which describe the actions of the
Egyptian gods as a means of understanding the
world around them. The beliefs that these myths
express are an important part of ancient Egyptian
religion. Myths appear frequently in Egyptian
writings and art, particularly in short stories and in
religious material such as hymns, ritual texts, funerary
texts, and temple decoration. These sources rarely MAIN MYTH ICON
contain a complete account of a myth and often
describe only brief fragments
LORE ICON MYTH HISTORY ICON
COLORS

Blue and beige represent the nature of the desert

and the Nile , while gold and bronze represent the
luxe of the Gods

24 25
PRIMARY COLOR

PRIMARY COLOR

PRIMARY COLOR

PRIMARY COLOR
RGB 2417/206/140 RGB 14/60/90 RGB 242/205/27 RGB 88/21/15
CMYK 05/18/51/00 CMYK 98/75/41/32 CMYK 06/16/98/00 CMYK 36/92/89/59
HEX #F1CE8C HEX #0E3C5A HEX #F2CD1B HEX #58150F
PANTONE 7507 CP PANTONE 534 C PANTONE 115 C PANTONE 4101 C

HEX #F7E8D4 HEX #F2E0D0 HEX #F7F2ED HEX #176E94 HEX #3773A6 HEX #4FB0E3 HEX #EBD16B HEX #F7E087 HEX #F5E5A8 HEX #A32421 HEX #A53724 HEX #F04A3D

SECONDARY COLORS SECONDARY COLORS SECONDARY COLORS SECONDARY COLORS

26 27
Color and icon combination examples
opp. 1 opp. 3

opp. 2 opp. 4

28 29
GREEK MYTHOLOGY APP ICONS
Greek mythology is the body of myths originally CHARACTER ICON LOCATION ICON
told by the ancient Greeks. These stories concern
the origin and the nature of the world, the lives
and activities of deities, heroes, and mythological
creatures, and the origins and significance of the
ancient Greeks' own cult and ritual practices

MAIN MYTH ICON

LORE ICON MYTH HISTORY ICON

COLORS

Blue and beige represent the nature, sea and

Greece's coastline, while gold and pink represent the
luxe of the Gods

30 31
PRIMARY COLOR

PRIMARY COLOR

PRIMARY COLOR

PRIMARY COLOR
RGB 238/118/36 RGB 188/32/139 RGB 192/176/128 RGB 212/84/158
CMYK 02/66/99/00 CMYK 26/99/02/00 CMYK 27/26/57/00 CMYK 13/81/00/00
HEX #EE7624 HEX #BC208B HEX #C0B080 HEX #D4549E
PANTONE 158 C PANTONE 241 C PANTONE 4005 C PANTONE 232 XGC

HEX #F59657 HEX #EFB61D HEX #FACC6B HEX #454FA1 HEX #29C3EC HEX #85D4EB HEX #E3D6AB HEX #F0E2CF HEX #F5F0E8 HEX #D4549E HEX #E07DBA HEX #EDA8D4

SECONDARY COLORS SECONDARY COLORS SECONDARY COLORS SECONDARY COLORS

32 33
Color and icon combination examples
opp. 1 opp. 3

opp. 2 opp. 4

34 35
NORSE MYTHOLOGY APP ICONS
Norse mythology is the body of myths of the CHARACTER ICON LOCATION ICON
North Germanic peoples, stemming from Norse
paganism and continuing after the Christianization
of Scandinavia, and into the Scandinavian folklore of
the modern period. The northernmost extension of
Germanic mythology, Norse mythology consists of
tales of various deities, beings, and heroes derived
from numerous sources from both before and after
the pagan period, including medieval manuscripts, MAIN MYTH ICON
archaeological representations, and folk tradition
LORE ICON MYTH HISTORY ICON
COLORS

The blue, turquoise and grey palette represent the

vast landscape of see and ice of Scandinavia. The
brown represents a strong fleet of seafarers

36 37
PRIMARY COLOR

PRIMARY COLOR

PRIMARY COLOR

PRIMARY COLOR
RGB 48/85/89 RGB 138/159/168 RGB 140/118/91 RGB 71/89/115
CMYK 82/52/54/31 CMYK 49/30/29/00 CMYK 42/47/66/15 CMYK 78/62/37/17
HEX #305559 HEX #8A9FA8 HEX #8C765B HEX #475973
PANTONE 2216 XGC PANTONE 10431 C PANTONE 13-11 C PANTONE 4137 C

HEX #428082 HEX #96BFBA HEX #B5E0DB HEX #B0CFD6 HEX #E4EAF1 HEX #FAFCFF HEX #BFA380 HEX #D9B992 HEX #F5DEC2 HEX #6E8CB0 HEX #9EB5CD HEX #CCDEED

SECONDARY COLORS SECONDARY COLORS SECONDARY COLORS SECONDARY COLORS

38 39
Color and icon combination examples
opp. 1 opp. 3

opp. 2 opp. 4

40 41