Código Andino

2020

Código Andino es una fundación enfocada en documentar asentamientos de pueblos originarios mediante herramientas visuales que permitan rescatar y graficar información que, con el paso del tiempo, ha ido quedando en el olvido.

Trabajamos en conjunto con su equipo para desarrollar la identidad de marca y el diseño y desarrollo de su sitio web, construyendo una propuesta visual alineada con su misión cultural y territorial.

Uso de tipografías

Se definió un sistema tipográfico coherente con la construcción geométrica de la marca: fuentes de estructura sólida, con ángulos marcados y peso visual relevante. Todas fueron seleccionadas para dialogar entre sí de manera armónica.

Fractul

Pensada principalmente para títulos.
Aunque cuenta con múltiples pesos y estilos, se recomienda priorizar su uso en Bold para mantener coherencia con el carácter estructural de la marca.

Disponible en Adobe Fonts

a
b
c
d
e
f
g
h
i
j
k
l
m
n
ñ
o
p
q
r
s
t
u
v
w
x
y
z
A
B
C
D
E
F
G
H
I
J
K
L
M
N
Ñ
O
P
Q
R
S
T
U
V
W
X
Y
Z
1
2
3
4
5
6
7
8
9
0
Roboto

Tipografía versátil con amplia variedad de pesos y estilos.
Definida para textos de lectura por su legibilidad y flexibilidad de uso.

Disponible en Google Fonts

a
b
c
d
e
f
g
h
i
j
k
l
m
n
ñ
o
p
q
r
s
t
u
v
w
x
y
z
A
B
C
D
E
F
G
H
I
J
K
L
M
N
Ñ
O
P
Q
R
S
T
U
V
W
X
Y
Z
1
2
3
4
5
6
7
8
9
0
Rajdhani

Destinada a citas, bajadas de títulos, captions de imágenes y detalles gráficos específicos.

Disponible en Google Fonts

a
b
c
d
e
f
g
h
i
j
k
l
m
n
ñ
o
p
q
r
s
t
u
v
w
x
y
z
A
B
C
D
E
F
G
H
I
J
K
L
M
N
Ñ
O
P
Q
R
S
T
U
V
W
X
Y
Z
1
2
3
4
5
6
7
8
9
0

Paleta de colores

La paleta cromática está inspirada en los colores tradicionales de las culturas andinas.

Colores primarios:
Negro, Rojo, Naranjo y Amarillo.

Colores secundarios:
Lila, Púrpura, Azul, Verde, Musgo, Café y Ladrillo.

El negro definido no corresponde a un negro 100%, sino a una tonalidad más suave que armoniza mejor con el resto de la paleta.

Siempre debe priorizarse el uso de estos colores. En caso de requerir tonos adicionales, se recomienda que mantengan relación cromática con la paleta establecida.

#ffffff
Blanco
#242423
Negro
#de3333
Rojo
#f9a23a
Naranjo
#f7ce08
Amarillo
#9830d0
Violeta
#693fbb
Morado
#0d54d0
Azul
#3b926d
Verde
#709b85
Muzgo
#d86109
Café
#962c06
Tierra
#efefef
Gris
#b5adad
Gris oscuro

Iconografía

El sistema de iconos se construyó sobre la misma grilla modular 8×8 utilizada para desarrollar los caracteres del logotipo.

Los íconos presentan líneas gruesas, pocos detalles y una clara predominancia de ángulos rectos, con vértices levemente redondeados para generar un equilibrio entre rigidez estructural y cercanía visual.

La grilla puede utilizarse para la creación de nuevos iconos, manteniendo coherencia con el sistema ya definido.

3D
Arcgis
Bibliografía
Buscar
Cámaras
Colabora
Comentario
Descripción
Filtro
Fotos
Misión
Ortofotos
Planimetría
Ubicación
Cerrar
Flecha desplegable
Flecha

Diseño y desarrollo web

El sitio web toma todos los elementos anteriores y los articula en una experiencia dinámica que explica la labor de Código Andino.

Uno de sus ejes principales es la visualización de distintas locaciones mediante un mapa interactivo, donde es posible explorar cada lugar y acceder a la recopilación de información desarrollada por la fundación.

Además, el sitio cuenta con un blog donde se publican periódicamente historias, investigaciones y datos relacionados con pueblos originarios.

A continuación puedes navegar e interactuar con el sitio web de Código Andino directamente desde esta página. Puedes hacer scroll, hacer clic en los elementos y cambiar la visualización entre escritorio, tablet y móvil.

De todas formas, recomendamos visitar el sitio original para una experiencia más completa.

Visitar sitio web

codigoandino.org
Cargando codigoandino.org...