Daftar Isi Elemen Estetis Tumpal Formulasi Tumpal Sebagai Elemen Estetis

(1)

Daftar Isi

2 3

4 5 6 7 8-14 15-16 17-18 19-20 21-23

24

25 26-27

28

29 30-31 32-33 34-35 36

38-44

37

45-46 47-48 49-54 55-56 57 58-59 60 61-62 63 64 64 65-66 67

69-70

68

74-75

Sejarah Jakarta Logo

Logo Utama

Rumus Skala Logo Logo Positif dan Diapositif Ukuran Logo

Panduan Warna Varian Logo Perlakuan Logo Typeface

Alternatif Typeface

Elemen Estetis

Tumpal

Formulasi Tumpal Sebagai Elemen Estetis

Stationaries

Kartu Nama Kop Surat Amplop Memo Map

Aplikasi Logo

Brosur Template Print Ad Template Flyer Template Billboard Vertikal Billboard Horizontal Spanduk

Vertikal Banner Polo Shirt T-Shirt Tas Linen Mug Pin Topi Payung

Stock Foto

Foto Figure

Panduan Warna Cetak

(2)

2 Sekitar 500 tahun silam, Kota Jakarta awalnya adalah sebuah bandar kecil

bernama Kalapa yang terletak di muara Sungai Ciliwung. Bandar ini merupakan pelabuhan utama bagi sebuah kerajaan Hindu bernama Sunda dengan ibukota Pajajaran yang terletak sekitar 40 kilometer di pedalaman dekat kota Bogor sekarang. Dari keberadaan dan fungsinya, kota pelabuhan ini kemudian dikenal dengan nama Sunda Kalapa.

Bangsa Portugis menjadi orang Eropa pertama yang tiba di pelabuhan ini dengan tujuan mencari rempah-rempah, dan mendirikan sebuah benteng di tempat tersebut pada awal abad ke 16.

Pelabuhan Sunda Kalapa direbut Kesultanan Demak, kerajaan yang berdekatan dengan Sunda Kalapa, dibawah pimpinan Pangeran Fatahillah. Tanggal 22 Juni 1927, pangeran yang masih belia ini mengubah nama Sunda Kalapa menjadi Jayakarta, yang berarti ‘Kemenangan’. Peristiwa dan waktu tersebut kemudian dijadikan sebagai tanggal kelahiran Kota Jakarta.

Akhir abad ke-16, orang-orang Belanda datang dan kemudian menguasai Jayakarta. Nama Jayakarta diganti menjadi Batavia. Kegiatan pemerintahan kota dipusatkan di sekitar lapangan yang terletak sekitar 500 meter dari bandar. Mereka membangun balai kota yang merupakan kedudukan pusat pemerintahan kota Batavia.

Karena perkembangannya yang pesat, semakin lama kota Batavia berkembang ke arah selatan. Seiring pertumbuhan itu, keadaan lingkungan pusat kota mengalami kerusakan yang cepat, sehingga memaksa penguasa Belanda memindahkan pusat kegiatan pemerintahan ke kawasan yang letaknya lebih tinggi. Wilayah ini dinamakan Weltevreden.

Dimasa pendudukan Jepang (1942-1945), nama Batavia diubah menjadi Jakarta.

Pada tanggal 17 Agustus 1945 Ir. Soekarno membacakan Proklamasi Kemerdekaan Negara Indonesia di Jakarta dan untuk pertama kalinya Sang Saka Merah Putih dikibarkan. Dan tahun 1966, Jakarta diresmikan sebagai Ibukota Republik Indonesia.

Dengan ditetapkannya Kota Jakarta sebagai Ibukota negara, hal ini mendorong laju pembangunan gedung-gedung perkantoran pemerintah dan kedutaan negara sahabat. Tak hanya itu, sejak tahun 1966, Jakarta berkembang dengan mantap menjadi sebuah metropolitan modern dan terkenal hingga ke mancanegara.

(3)

Logo

(4)

4

Logo Utama

(5)

Rumus Skala Logo

Proporsional Logo

x

Perbandingan Logo adalah 5x : 10x Clean Space / Area Bebas Logo

(6)

6

Logo Positif dan Diapositif

(7)

Ukuran Logo

100%

15 cm x 7 cm

50%

7 cm x 3.2 cm

12.5%

1.7 cm x 0.8 cm

25%

3.5 cm x 1.6 cm

(8)

8

c0 m60 y100 k0 r245 g130 b32

c100 m80 y0 k0 r3 g78 b162

Panduan Warna

Warna Utama Logo

(9)

c0 m90 y100 k0 r232 g38 b20

Panduan Warna

Warna Sekunder Logo

Turunan Warna

Tints

100% 90% 80% 70% 60% 50% 40% 30% 20% 10%

Turunan Warna

Shades

c0 m90 y100 k25

r188 g50 b25 r130 g32 b4 c0 m90 y100 k50

(10)

10

Panduan Warna

Warna Sekunder Logo

Turunan Warna

Tints

100% 90% 80% 70% 60% 50% 40% 30% 20% 10%

Turunan Warna

Shades

c0 m60 y100 k25 c0 m60 y100 k50

c0 m60 y100 k0 r247 g97 b20

r192 g102 b22 r142 g74 b2

(11)

c50 m0 y100 k0 r141 g198 b45

Panduan Warna

Warna Sekunder Logo

Turunan Warna

Tints

100% 90% 80% 70% 60% 50% 40% 30% 20% 10%

Turunan Warna

Shades

c50 m0 y100 k25 c50 m0 y100 k50 r109 g157 b49 r76 g117 b32

(12)

12

Panduan Warna

Warna Sekunder Logo

Turunan Warna

Tints

100% 90% 80% 70% 60% 50% 40% 30% 20% 10%

Turunan Warna

Shades

c100 m0 y25 k25 c100 m0 y25 k50

c100 m0 y25 k0 r0 g171 b197

r0 g138 b158 r0 g104 b119

(13)

c100 m80 y0 k0 r3 g78 b162

Panduan Warna

Warna Sekunder Logo

Turunan Warna

Tints

100% 90% 80% 70% 60% 50% 40% 30% 20% 10%

Turunan Warna

Shades

c100 m80 y0 k25 c100 m80 y0 k50 r1 g59 b130 r0 g38 b97

(14)

14

c60 m95 y0 k0 r128 g53 b148

Panduan Warna

Warna Sekunder Logo

Turunan Warna

Tints

100% 90% 80% 70% 60% 50% 40% 30% 20% 10%

Turunan Warna

Shades

c60 m95 y0 k25 c60 m95 y0 k50 r102 g53 b118 r76 g13 b88

(15)

Varian Logo

Aplikasi Warna Sekunder pada background putih

(16)

16

Varian Logo

Aplikasi Warna Sekunder pada background warna

(17)

Perlakuan Logo

Yang tidak diperbolehkan dalam Aplikasi Logo

(18)

18

Perlakuan Logo

Yang tidak diperbolehkan dalam Aplikasi Logo

(19)

Typeface

Untuk Kebutuhan Headline, Judul, Tagline, Body Text pada aplikasi promosi.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

DIN Regular

DIN Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

DIN Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

DIN Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

DIN Medium Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

DIN Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

(20)

20

Typeface

Body Text pada aplikasi promosi.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

DIN Regular

Contoh Body Text 9 pt

Contoh Body Text 12 pt

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do

eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut

enim ad minim veniam, quis nostrud exercitation ullamco laboris

nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in

reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla

pariatur. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum

.

(21)

Sabon Roman

Contoh Body Text

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

Sabon Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

Alternatif Typeface

Untuk Kebutuhan Surat Menyurat, Body Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do

eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut

enim ad minim veniam, quis nostrud exercitation ullamco laboris

nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor

in reprehenderit in voluptate velit esse cillum dolore eu fugiat

nulla pariatur. Excepteur sint occaecat cupidatat non proident,

sunt in culpa qui officia deserunt mollit anim id est laborum.

(22)

22

Sabon Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

Alternatif Typeface

Untuk Kebutuhan Surat Menyurat, Body Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sabon Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do

eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut

enim ad minim veniam, quis nostrud exercitation ullamco laboris

nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor

in reprehenderit in voluptate velit esse cillum dolore eu fugiat

nulla pariatur. Excepteur sint occaecat cupidatat non proident,

sunt in culpa qui officia deserunt mollit anim id est laborum.

(23)

Alternatif Typeface

Untuk Kebutuhan Headlines dengan bergaya Script/Handwriting

PR 8 Charade

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

The quick brown fox jumps over the lazy dog

(24)

24

Elemen Estetis

(25)

Tumpal

Tumpal merupakan salah satu jenis ragam hias geometris yang berbentuk bidang segitiga.

Mengalami penyebaran yang merata ke seluruh dunia, baik yang diterapkan pada bagian arsitektur, tekstil, maupun anyaman. Dalam sejarah

perkembangannya, motif hiastumpal sudah ada sejak masa prasejarah hingga sekarang.

Pada masa pra-sejarah sampai masa klasik, motif hias tumpal memiliki fungsi magis atau bermakna simbolik, sesuai konsep kesatuan kosmos, mikrokosmos (manusia), makrokosmos (semesta), dan metakosmos (alam ‘lain’), atau dapat juga dikatakan sebagai penggambaran dari yang bersifat imanen atau keduniaan menuju kepada yang transenden atau ketuhanan. Sementara di masa sekarang, motif hias tumpal pada umumnya telah beralih fungsi, yang semula magis-simbolik, kini lebih untuk memenuhi rasa keindahanan sesuai fungsinya sebagai satu dari sekian banyak ragam hias.

Dalam sejarah panjangnya, motif hias tumpal dapat ditemukan atau dijumpai di setiap kebudayaan etnik yang ada di mana pun salah satunya di Kota Jakarta. Motif ini dikaitkan dengan simbol kebesaran dan kesuburan, dan diasosiasikan dengan gunung Meru yang dianggap suci, dan kerap terlihat membentuk pohon kehidupan.

Populernya ragam hias tumpal yang dilukiskan pada batik memang tampak pada beberapa motif batik Solo, Lasem, Indramayu, Pekalongan dan termasuk pula batik Betawi. Dalam tradisi masyarakat Betawi kain yang bercorak batik juga dipergunakan untuk upacara nujuh bulanin (tujuh bulanan) yang dimaksudkan untuk memberikan perlengkapan dan pakaian suci dan bersih bagi roh-roh halus. Bentuk dasarnya geometris – mulanya segitiga – kemudian mengalami banyak stilirisasi atau penggubahan baik berpadu dengan bentuk stilir-stilir flora maupun fauna, atau gabungan dari keduanya.

Sumber : Berbagai sumber

(26)

26

Formulasi Tumpal Sebagai Elemen Estetis

Analisa Pola/Pattern Segitiga

Pola Repetisi

(27)

Formulasi Tumpal Sebagai Elemen Estetis

Sistem Pola Stilasi Tumpal

x

3x

Bidang stilasi tumpal atau segitiga ini digunakan sebagai bidang untuk diisi warna solid maupun gradasi sesuai kebutuhan.

Penggunaan Image untuk mengisi bidang segitiga juga diperbolehkan.

Untuk mengisi bidang elemen estetis segitiga sangat dimungkinkan untuk menggunakan warna atau image

(28)

28

Stationaries

Satuan ukuran yang digunakan

pada setiap media menggunakan

satuan ukuran centimeter/cm.

(29)

Kartu Nama

5

8.5

* Penulisan Keterangan nama, jabatan, dan alamat adalah hanya untuk kebutuhan contoh/dummy.

Keterangan teks Nama Font

DIN Bold Uk. 8 pt

Keterangan teks Jabatan DIN Italic

Keterangan teks Alamat Font

DIN Bold DIN Regular Uk. 7 pt Warna

Black 80% (Teks)

c0 m100 y60 k0 (Alamat web)

(30)

30

Kop Surat

Halaman Pertama

DIN Bold DIN Regular

DIN Italic (Bahasa Inggris) Uk. 7 pt

Warna

Black 80% (Teks)

(31)

Kop Surat

Halaman Kedua

(32)

32

Amplop

23 11

8.5 5.2

(33)

Amplop Besar

23 33

5

DIN Bold DIN Regular

DIN Italic (Bahasa Inggris) Uk. 9 pt

Warna

Black 80% (Teks)

(34)

34

Memo

Varian 1

14.85

21

(35)

10.5

7.425

Memo

Varian 2

(36)

36 48

34

Map

(37)

Satuan ukuran yang digunakan pada setiap media menggunakan satuan ukuran centimeter/cm.

Aplikasi Logo

(38)

38

Brosur Template

Varian 1a

24

12 12

Image Area Headline Area

Image Area

Image Area Image Area

Image Area

(39)

24

12 12

Image Area

Image Area Image Area Image Area

Image Area

Brosur Template

Varian 1b

(40)

40 24

12 12

Image Area

Image Area Image Area Image Area

Image Area

Brosur Template

Varian 1c

(41)

Brosur Template

Contoh Aplikasi Brosur

24

12 12

*Contoh isian segitiga dengan warna solid dan image

(42)

42

Brosur Template

Varian 2

24

12 12

(43)

Brosur Template

Aplikasi Varian 2

24

12 12

*Contoh isian segitiga dengan warna gradasi dan image

(44)

44

Brosur Template

Aplikasi Varian 2

24

12 12

*Contoh isian segitiga dengan warna gradasi dan image

(45)

Print ad Template

Image Area

Headline Area

Logo Area

(46)

46

Print ad Template

Aplikasi Print ad

*Contoh isian segitiga dengan warna solid, warna overlay dan image.

(47)

Flyer Template

Headline Area/

Body Text Area Logo Area Image Area

Image Area

(48)

48

Flyer Template

Contoh Aplikasi Flyer

Headline Area/

Body Text Area Logo Area

*Contoh isian segitiga dengan warna solid, warna overlay dan image.

(49)

2X

X Image Area

Image Area

Billboard Vertikal

Varian 1

Headline Area Logo Area

(50)

50

Billboard Vertikal

Aplikasi Varian 1

2X

X

Logo Area

(51)

Billboard Vertikal

Varian 2

2X

X Headline Area

Logo Area

Image Area

(52)

52

Billboard Vertikal

Contoh aplikasi Varian 2

2X

X Image Area

Logo Area

*Contoh isian segitiga dengan warna solid dan image.

(53)

Billboard Vertikal

Varian 3

2X

X Headline Area

Logo Area

Image Area

(54)

54

Billboard Vertikal

Contoh aplikasi Varian 3

2X

X Headline Area

Logo Area

*Contoh isian segitiga dengan warna gradasi dan image.

(55)

Billboard Horizontal

X

2X

Headline Area Logo Area

Image Area

(56)

56

Billboard Horizontal

(Contoh isian segitiga dengan warna gradasi dan image)

X

2X

Logo Area

(57)

Spanduk

500

100

(58)

58

Vertikal Banner

Varian 1

500

90

(59)

Vertikal Banner

Varian 2

500

90

(60)

60

Polo Shirt

(61)

T-Shirt

Varian 1

(62)

62

T-Shirt

Varian 2

(63)

Tas Linen

(64)

64

Mug

Pin

20

8

(65)

Topi

Varian 1

Aplikasi logo dengan teknik Bordir atau Sablon High density

(66)

66

Topi

Varian 2

Aplikasi logo dengan teknik Bordir warna benang senada (tone on tone)

(67)

Payung

Varian Warna 1

Varian Warna 2

(68)

68

Stock Foto

(69)

Foto Figur

Abang None

(70)

70

Foto Figur

Greeting/ Gestur Selamat Datang

(71)

Foto Figur

Action

(72)

72

Foto Figur

Action

(73)

Foto Figur

Contoh Aplikasi Foto

(74)

74

Panduan Warna Cetak

Pada Kertas Coated (Matte Paper 150 gr)

c0 m90 y100 k0

c0 m60 y100 k0

c50 m0 y100 k0

c100 m0 y25 k0

c100 m80 y0 k0

c60 m95 y0 k0

(75)