Keduanya seimbang dan bisa saling melengkapi dengan baik.

ISTJ paling nyaman dengan hubungan yang andal dan jelas. Mereka menghargai tanggung jawab, rutinitas, dan pasangan yang konsisten.


    <div class="space-y-10">
        <section>
            <h2 class="text-2xl font-semibold text-slate-900">Tentang Tipe ISTJ</h2>
            <div class="mt-6 text-slate-700 leading-8"><p class="mt-4 text-slate-700 leading-8">Kamu adalah individu yang teliti, bertanggung jawab, praktis, dan sangat bisa diandalkan. Kamu menyukai fakta, keteraturan, dan prosedur yang jelas. Kelebihan ini membuatmu sangat bersinar di bidang yang membutuhkan akurasi tinggi, seperti akuntansi, administrasi perkantoran, atau teknik konstruksi dan perumahan.</p><p class="mt-4 text-slate-700 leading-8">Ketika semua orang bereksperimen, kamu sudah selesai dengan pekerjaanmu — tepat waktu, tepat sasaran. Ketelitian dan konsistensimu adalah nilai yang langka dan sangat dicari. Bidang akuntansi, administrasi, atau teknik konstruksi sangat menghargai seseorang yang bisa diandalkan 100%, dan itulah persis yang kamu tawarkan.</p></div>
        </section>

        <section>
            <h2 class="text-2xl font-semibold text-slate-900">Gaya Berpikir dan Sifat Utama</h2>
            <div class="mt-6 grid gap-4 sm:grid-cols-2 xl:grid-cols-4"><div class="rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center">
                    <p class="mt-2 text-2xl font-semibold text-slate-900">I</p>
                    <p class="mt-1 text-sm text-slate-500">Introvert</p>
                </div><div class="rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center">
                    <p class="mt-2 text-2xl font-semibold text-slate-900">S</p>
                    <p class="mt-1 text-sm text-slate-500">(Observant) Sensorik</p>
                </div><div class="rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center">
                    <p class="mt-2 text-2xl font-semibold text-slate-900">T</p>
                    <p class="mt-1 text-sm text-slate-500">(Thinking) Berpikir</p>
                </div><div class="rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center">
                    <p class="mt-2 text-2xl font-semibold text-slate-900">J</p>
                    <p class="mt-1 text-sm text-slate-500">(Judging) Menilai</p>
                </div></div>
        </section>

        <section class="p-8 shadow-lg">
            <h2 class="text-2xl font-semibold text-slate-900">Jurusan SMA dan SMK yang Cocok</h2>
            <div class="mt-6 grid gap-8 lg:grid-cols-2">
                <div>
                    <h3 class="text-lg font-semibold text-slate-900">Rekomendasi SMA</h3>
                    <ul class="mt-4 list-disc space-y-2 pl-5 text-slate-700"><li class="mb-2 text-slate-700">IPA</li><li class="mb-2 text-slate-700">IPS</li></ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-slate-900">Rekomendasi SMK</h3>
                    <ul class="mt-4 list-disc space-y-2 pl-5 text-slate-700"><li class="mb-2 text-slate-700">Akuntansi dan Keuangan Lembaga</li><li class="mb-2 text-slate-700">Manajemen Perkantoran dan Layanan Bisnis</li><li class="mb-2 text-slate-700">Teknik Konstruksi dan Perumahan</li><li class="mb-2 text-slate-700">Teknik Perawatan Gedung</li><li class="mb-2 text-slate-700">Teknik Logistik</li></ul>
                </div>
            </div>
        </section>

        <section>
            <h2 class="text-2xl font-semibold text-slate-900">Hubungan dengan Tipe MBTI Lain</h2>
            <div class="mt-6 space-y-6"><div class="space-y-3">
                    <p class="text-sm font-semibold text-slate-900">Sangat cocok</p>
                    <div class="flex flex-wrap gap-2"><a href="/mbti/esfj" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ESFJ</span></a> <a href="/mbti/estj" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ESTJ</span></a> <a href="/mbti/isfj" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ISFJ</span></a></div>
                </div><div class="space-y-3">
                    <p class="text-sm font-semibold text-slate-900">Cukup cocok</p>
                    <div class="flex flex-wrap gap-2"><a href="/mbti/intp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">INTP</span></a> <a href="/mbti/istp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ISTP</span></a> <a href="/mbti/infj" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">INFJ</span></a></div>
                </div><div class="space-y-3">
                    <p class="text-sm font-semibold text-slate-900">Perlu kehati-hatian</p>
                    <div class="flex flex-wrap gap-2"><a href="/mbti/enfp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ENFP</span></a> <a href="/mbti/entp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ENTP</span></a> <a href="/mbti/esfp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ESFP</span></a></div>
                </div></div>
        </section>
    </div>
    

Kamu adalah individu yang teliti, bertanggung jawab, praktis, dan sangat bisa diandalkan. Kamu menyukai fakta, keteraturan, dan prosedur yang jelas. Kelebihan ini membuatmu sangat bersinar di bidang yang membutuhkan akurasi tinggi, seperti akuntansi, administrasi perkantoran, atau teknik konstruksi dan perumahan.

ISTP suka hubungan praktis dan bebas. Mereka paling cocok dengan pasangan yang menghargai kemandirian dan pengalaman nyata.


    <div class="space-y-10">
        <section>
            <h2 class="text-2xl font-semibold text-slate-900">Tentang Tipe ISTP</h2>
            <div class="mt-6 text-slate-700 leading-8"><p class="mt-4 text-slate-700 leading-8">Kamu adalah pembelajar kinestetik (praktik langsung) yang fleksibel, logis, dan suka bertindak cepat. Kamu lebih suka membongkar pasang sesuatu secara langsung daripada sekadar membaca teori. Jurusan teknik seperti otomotif, pengelasan, atau ketenagalistrikan sangat pas karena memfasilitasi gaya belajarmu yang &quot;hands-on&quot;.</p><p class="mt-4 text-slate-700 leading-8">Teori tanpa praktik bagimu terasa hampa. Kamu belajar paling baik ketika tanganmu ikut bekerja. Jurusan otomotif, pengelasan, atau ketenagalistrikan bukan hanya tentang skill teknis — ini adalah lingkungan yang menghargai cara berpikirmu yang cepat, pragmatis, dan selalu berorientasi pada solusi nyata.</p></div>
        </section>

        <section>
            <h2 class="text-2xl font-semibold text-slate-900">Gaya Berpikir dan Sifat Utama</h2>
            <div class="mt-6 grid gap-4 sm:grid-cols-2 xl:grid-cols-4"><div class="rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center">
                    <p class="mt-2 text-2xl font-semibold text-slate-900">I</p>
                    <p class="mt-1 text-sm text-slate-500">Introvert</p>
                </div><div class="rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center">
                    <p class="mt-2 text-2xl font-semibold text-slate-900">S</p>
                    <p class="mt-1 text-sm text-slate-500">(Observant) Sensorik</p>
                </div><div class="rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center">
                    <p class="mt-2 text-2xl font-semibold text-slate-900">T</p>
                    <p class="mt-1 text-sm text-slate-500">(Thinking) Berpikir</p>
                </div><div class="rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center">
                    <p class="mt-2 text-2xl font-semibold text-slate-900">P</p>
                    <p class="mt-1 text-sm text-slate-500">(Perceiving) Mempersepsi</p>
                </div></div>
        </section>

        <section class="p-8 shadow-lg">
            <h2 class="text-2xl font-semibold text-slate-900">Jurusan SMA dan SMK yang Cocok</h2>
            <div class="mt-6 grid gap-8 lg:grid-cols-2">
                <div>
                    <h3 class="text-lg font-semibold text-slate-900">Rekomendasi SMA</h3>
                    <ul class="mt-4 list-disc space-y-2 pl-5 text-slate-700"><li class="mb-2 text-slate-700">IPA</li></ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-slate-900">Rekomendasi SMK</h3>
                    <ul class="mt-4 list-disc space-y-2 pl-5 text-slate-700"><li class="mb-2 text-slate-700">Teknik Otomotif</li><li class="mb-2 text-slate-700">Teknik Mesin</li><li class="mb-2 text-slate-700">Teknik Pengelasan dan Fabrikasi Logam</li><li class="mb-2 text-slate-700">Teknika Kapal Niaga</li><li class="mb-2 text-slate-700">Teknik Ketenagalistrikan</li></ul>
                </div>
            </div>
        </section>

        <section>
            <h2 class="text-2xl font-semibold text-slate-900">Hubungan dengan Tipe MBTI Lain</h2>
            <div class="mt-6 space-y-6"><div class="space-y-3">
                    <p class="text-sm font-semibold text-slate-900">Sangat cocok</p>
                    <div class="flex flex-wrap gap-2"><a href="/mbti/esfp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ESFP</span></a> <a href="/mbti/infp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">INFP</span></a> <a href="/mbti/entp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ENTP</span></a></div>
                </div><div class="space-y-3">
                    <p class="text-sm font-semibold text-slate-900">Cukup cocok</p>
                    <div class="flex flex-wrap gap-2"><a href="/mbti/isfj" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ISFJ</span></a> <a href="/mbti/intp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">INTP</span></a> <a href="/mbti/estp" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ESTP</span></a></div>
                </div><div class="space-y-3">
                    <p class="text-sm font-semibold text-slate-900">Perlu kehati-hatian</p>
                    <div class="flex flex-wrap gap-2"><a href="/mbti/enfj" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ENFJ</span></a> <a href="/mbti/infj" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">INFJ</span></a> <a href="/mbti/esfj" class="hover:bg-slate-300"><span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">ESFJ</span></a></div>
                </div></div>
        </section>
    </div>
    

Kamu adalah pembelajar kinestetik (praktik langsung) yang fleksibel, logis, dan suka bertindak cepat. Kamu lebih suka membongkar pasang sesuatu secara langsung daripada sekadar membaca teori. Jurusan teknik seperti otomotif, pengelasan, atau ketenagalistrikan sangat pas karena memfasilitasi gaya belajarmu yang "hands-on".

Perbandingan Tipe
ISTJvsISTP

Tingkat Kecocokan

Persamaan Sifat

Perbedaan Sifat

ISTJ

Kekuatan Utama

Kelemahan / Tantangan

ISTP

Kekuatan Utama

Kelemahan / Tantangan

Diskusi & Komentar

Komentar

Perbandingan Tipe ISTJvsISTP

Tingkat Kecocokan

Persamaan Sifat

Perbedaan Sifat

ISTJ

Kekuatan Utama

Kelemahan / Tantangan

ISTP

Kekuatan Utama

Kelemahan / Tantangan

Diskusi & Komentar

Komentar

Perbandingan Tipe
ISTJvsISTP