kevsoft-id
*{position:relative;z-index:1} .card-top{display:flex;align-items:flex-start;justify-content:space-between} .group-logo{ display:grid; width:56px; height:56px; place-items:center; color:#fff; border-radius:16px; background:var(--logo-color,#151515); font-size:21px; font-weight:800; letter-spacing:-.08em; } .card-category{font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase} .group-name{max-width:90%;margin:43px 0 10px;letter-spacing:-.05em;font-size:28px;line-height:1.03} .group-description{margin:0;color:#555550;font-size:13px;line-height:1.65;transition:color .3s} .group-card:hover .group-description{color:#2b2b29} .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:23px} .member-pill{font:500 10px var(--mono);letter-spacing:.02em} .visit-icon{display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--black);border-radius:50%;transition:transform .3s,background .3s} .group-card:hover .visit-icon{background:var(--black);color:white;transform:rotate(45deg)} .empty-state{display:none;padding:60px;text-align:center;color:var(--muted);border:1px solid var(--line)} /* Manifesto */ .manifesto{position:relative;overflow:hidden;color:var(--cream);background:var(--black)} .manifesto:after{ position:absolute; right:-100px; bottom:-170px; width:500px; height:500px; content:""; border:1px solid rgba(217,255,69,.5); border-radius:50%; box-shadow:0 0 0 55px rgba(217,255,69,.09),0 0 0 110px rgba(217,255,69,.05); } .manifesto-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 2fr;gap:70px} .manifesto-copy{ margin:0; letter-spacing:-.065em; font-size:clamp(36px,4.8vw,70px); line-height:1.05; } .manifesto-copy em{color:var(--lime);font-family:var(--serif);font-weight:500} .manifesto-text{max-width:500px;margin:31px 0;color:#c7c7c1;font-size:15px;line-height:1.8} /* CTA */ .join-section{background:var(--orange)} .join-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end} .join-title{max-width:800px;margin:15px 0 0;letter-spacing:-.08em;font-size:clamp(52px,7.5vw,110px);line-height:.84} .join-title em{font-family:var(--serif);font-weight:500} .join-copy{margin:0 0 24px;font-size:15px;line-height:1.75} .join-section .dark-btn{width:100%;min-height:56px} footer{padding:30px 0;color:#e2e2da;background:var(--black)} .footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px} .footer-note{color:#999994;font:400 10px var(--mono);letter-spacing:.04em} .footer-links{display:flex;gap:18px;font:500 10px var(--mono);letter-spacing:.07em;text-transform:uppercase} .footer-links a:hover{color:var(--lime)} /* Modal */ .modal{ position:fixed; z-index:200; inset:0; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(10,10,10,.7); backdrop-filter:blur(8px); } .modal.show{display:flex;animation:fade .25s ease} @keyframes fade{from{opacity:0}to{opacity:1}} .modal-box{ position:relative; width:min(620px,100%); max-height:92vh; overflow:auto; padding:36px; background:var(--cream); box-shadow:12px 12px 0 var(--lime); animation:modalUp .4s cubic-bezier(.22,1,.36,1); } @keyframes modalUp{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}} .close-modal{ position:absolute; top:17px; right:17px; display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--line); background:transparent; } .modal-title{max-width:450px;margin:12px 0 28px;letter-spacing:-.06em;font-size:40px;line-height:.95} .auth-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px} .auth-btn{ display:flex; align-items:center; justify-content:center; gap:9px; min-height:49px; color:var(--black); border:1px solid var(--black); background:transparent; font-size:12px; font-weight:700; transition:.2s; } .auth-btn:hover{background:var(--lime)} .google-g{ display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#4285f4; background:white; font-weight:800; } .divider{display:flex;align-items:center;gap:12px;margin:21px 0;color:var(--muted);font:500 9px var(--mono);letter-spacing:.1em} .divider:before,.divider:after{height:1px;flex:1;content:"";background:var(--line)} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .field{display:flex;flex-direction:column;gap:7px} .field.full{grid-column:1/-1} .field label{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase} .field input,.field textarea,.field select{ width:100%; padding:12px 0; color:var(--black); outline:0; border:0; border-bottom:1px solid var(--line); background:transparent; font-size:13px; } .field textarea{min-height:82px;resize:vertical} .field input:focus,.field textarea:focus,.field select:focus{border-color:var(--black)} .form-submit{width:100%;margin-top:25px;min-height:53px} .auth-message{min-height:18px;margin:12px 0 0;color:var(--muted);font-size:11px;text-align:center} .success{color:#3d7900!important} .loader{ display:flex; justify-content:center; align-items:center; min-height:250px; grid-column:1/-1; color:var(--muted); font:500 11px var(--mono); letter-spacing:.08em; } @media(max-width:850px){ .cursor{display:none} .nav-links{display:none} .menu-toggle{display:block} .mobile-menu{ position:fixed; z-index:50; top:88px; right:0; left:0; display:none; padding:22px 24px 28px; color:white; background:var(--black); border-top:1px solid #333; } .mobile-menu.open{display:flex;flex-direction:column;gap:19px} .mobile-menu a{font-size:23px;font-weight:700;letter-spacing:-.05em} .hero,.hero-inner{min-height:720px} .orb.one{right:-100px;width:280px;height:280px} .orb.two{right:-130px;width:380px;height:380px} .stats-grid{grid-template-columns:repeat(2,1fr)} .stat:first-child{grid-column:span 2} .group-grid{grid-template-columns:repeat(2,1fr)} .manifesto-grid,.join-layout{grid-template-columns:1fr;gap:38px} .join-layout{align-items:start} } @media(max-width:560px){ .container{width:min(100% - 32px,1380px)} .nav{height:76px} .nav-actions .outline-btn{display:none} .mobile-menu{top:76px} .hero,.hero-inner{min-height:670px} .hero-inner{padding:124px 0 35px} .hero-title{font-size:clamp(54px,16vw,84px)} .hero-bottom{margin-top:35px} .hero-scroll{display:none} .section-space{padding:82px 0} .section-head{margin-bottom:29px} .section-copy{font-size:13px} .stats-grid{grid-template-columns:1fr} .stat:first-child{grid-column:auto} .stat{min-height:155px} .stat-number{margin-top:26px} .toolbar{align-items:flex-start;flex-direction:column} .group-grid{grid-template-columns:1fr} .group-card{min-height:310px} .auth-options,.form-grid{grid-template-columns:1fr} .modal-box{padding:27px 20px} .modal-title{font-size:34px} .footer-row{align-items:flex-start;flex-direction:column} .footer-links{flex-wrap:wrap} }
kevsoft-id
*{position:relative;z-index:1} .card-top{display:flex;align-items:flex-start;justify-content:space-between} .group-logo{ display:grid; width:56px; height:56px; place-items:center; color:#fff; border-radius:16px; background:var(--logo-color,#151515); font-size:21px; font-weight:800; letter-spacing:-.08em; } .card-category{font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase} .group-name{max-width:90%;margin:43px 0 10px;letter-spacing:-.05em;font-size:28px;line-height:1.03} .group-description{margin:0;color:#555550;font-size:13px;line-height:1.65;transition:color .3s} .group-card:hover .group-description{color:#2b2b29} .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:23px} .member-pill{font:500 10px var(--mono);letter-spacing:.02em} .visit-icon{display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--black);border-radius:50%;transition:transform .3s,background .3s} .group-card:hover .visit-icon{background:var(--black);color:white;transform:rotate(45deg)} .empty-state{display:none;padding:60px;text-align:center;color:var(--muted);border:1px solid var(--line)} /* Manifesto */ .manifesto{position:relative;overflow:hidden;color:var(--cream);background:var(--black)} .manifesto:after{ position:absolute; right:-100px; bottom:-170px; width:500px; height:500px; content:""; border:1px solid rgba(217,255,69,.5); border-radius:50%; box-shadow:0 0 0 55px rgba(217,255,69,.09),0 0 0 110px rgba(217,255,69,.05); } .manifesto-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 2fr;gap:70px} .manifesto-copy{ margin:0; letter-spacing:-.065em; font-size:clamp(36px,4.8vw,70px); line-height:1.05; } .manifesto-copy em{color:var(--lime);font-family:var(--serif);font-weight:500} .manifesto-text{max-width:500px;margin:31px 0;color:#c7c7c1;font-size:15px;line-height:1.8} /* CTA */ .join-section{background:var(--orange)} .join-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end} .join-title{max-width:800px;margin:15px 0 0;letter-spacing:-.08em;font-size:clamp(52px,7.5vw,110px);line-height:.84} .join-title em{font-family:var(--serif);font-weight:500} .join-copy{margin:0 0 24px;font-size:15px;line-height:1.75} .join-section .dark-btn{width:100%;min-height:56px} footer{padding:30px 0;color:#e2e2da;background:var(--black)} .footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px} .footer-note{color:#999994;font:400 10px var(--mono);letter-spacing:.04em} .footer-links{display:flex;gap:18px;font:500 10px var(--mono);letter-spacing:.07em;text-transform:uppercase} .footer-links a:hover{color:var(--lime)} /* Modal */ .modal{ position:fixed; z-index:200; inset:0; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(10,10,10,.7); backdrop-filter:blur(8px); } .modal.show{display:flex;animation:fade .25s ease} @keyframes fade{from{opacity:0}to{opacity:1}} .modal-box{ position:relative; width:min(620px,100%); max-height:92vh; overflow:auto; padding:36px; background:var(--cream); box-shadow:12px 12px 0 var(--lime); animation:modalUp .4s cubic-bezier(.22,1,.36,1); } @keyframes modalUp{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}} .close-modal{ position:absolute; top:17px; right:17px; display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--line); background:transparent; } .modal-title{max-width:450px;margin:12px 0 28px;letter-spacing:-.06em;font-size:40px;line-height:.95} .auth-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px} .auth-btn{ display:flex; align-items:center; justify-content:center; gap:9px; min-height:49px; color:var(--black); border:1px solid var(--black); background:transparent; font-size:12px; font-weight:700; transition:.2s; } .auth-btn:hover{background:var(--lime)} .google-g{ display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#4285f4; background:white; font-weight:800; } .divider{display:flex;align-items:center;gap:12px;margin:21px 0;color:var(--muted);font:500 9px var(--mono);letter-spacing:.1em} .divider:before,.divider:after{height:1px;flex:1;content:"";background:var(--line)} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .field{display:flex;flex-direction:column;gap:7px} .field.full{grid-column:1/-1} .field label{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase} .field input,.field textarea,.field select{ width:100%; padding:12px 0; color:var(--black); outline:0; border:0; border-bottom:1px solid var(--line); background:transparent; font-size:13px; } .field textarea{min-height:82px;resize:vertical} .field input:focus,.field textarea:focus,.field select:focus{border-color:var(--black)} .form-submit{width:100%;margin-top:25px;min-height:53px} .auth-message{min-height:18px;margin:12px 0 0;color:var(--muted);font-size:11px;text-align:center} .success{color:#3d7900!important} .loader{ display:flex; justify-content:center; align-items:center; min-height:250px; grid-column:1/-1; color:var(--muted); font:500 11px var(--mono); letter-spacing:.08em; } @media(max-width:850px){ .cursor{display:none} .nav-links{display:none} .menu-toggle{display:block} .mobile-menu{ position:fixed; z-index:50; top:88px; right:0; left:0; display:none; padding:22px 24px 28px; color:white; background:var(--black); border-top:1px solid #333; } .mobile-menu.open{display:flex;flex-direction:column;gap:19px} .mobile-menu a{font-size:23px;font-weight:700;letter-spacing:-.05em} .hero,.hero-inner{min-height:720px} .orb.one{right:-100px;width:280px;height:280px} .orb.two{right:-130px;width:380px;height:380px} .stats-grid{grid-template-columns:repeat(2,1fr)} .stat:first-child{grid-column:span 2} .group-grid{grid-template-columns:repeat(2,1fr)} .manifesto-grid,.join-layout{grid-template-columns:1fr;gap:38px} .join-layout{align-items:start} } @media(max-width:560px){ .container{width:min(100% - 32px,1380px)} .nav{height:76px} .nav-actions .outline-btn{display:none} .mobile-menu{top:76px} .hero,.hero-inner{min-height:670px} .hero-inner{padding:124px 0 35px} .hero-title{font-size:clamp(54px,16vw,84px)} .hero-bottom{margin-top:35px} .hero-scroll{display:none} .section-space{padding:82px 0} .section-head{margin-bottom:29px} .section-copy{font-size:13px} .stats-grid{grid-template-columns:1fr} .stat:first-child{grid-column:auto} .stat{min-height:155px} .stat-number{margin-top:26px} .toolbar{align-items:flex-start;flex-direction:column} .group-grid{grid-template-columns:1fr} .group-card{min-height:310px} .auth-options,.form-grid{grid-template-columns:1fr} .modal-box{padding:27px 20px} .modal-title{font-size:34px} .footer-row{align-items:flex-start;flex-direction:column} .footer-links{flex-wrap:wrap} }
kevsoft-id
Indonesia's independent community network

Tempat ide
bertemu manusia.

Kevsoft-ID adalah rumah bersama untuk komunitas digital Indonesia. Terhubung, bertumbuh, dan ciptakan dampak — tanpa batas.

Jelajahi jaringan
BUILD TOGETHER ✦ LEARN LOUDLY ✦ CREATE IMPACT ✦ SHARE THE SPARK ✦ BUILD TOGETHER ✦ LEARN LOUDLY ✦ CREATE IMPACT ✦ SHARE THE SPARK ✦
BUILD TOGETHER ✦ LEARN LOUDLY ✦ CREATE IMPACT ✦ SHARE THE SPARK ✦ BUILD TOGETHER ✦ LEARN LOUDLY ✦ CREATE IMPACT ✦ SHARE THE SPARK ✦
01 — Dalam angka

Satu jaringan,
ribuan kemungkinan.

Kami percaya komunitas yang hidup adalah fondasi ekosistem digital yang lebih terbuka dan berdaya.

Diperbarui secara langsung
12+
Komunitas terdaftar
Dari Sabang sampai Merauke
28
Kota terhubung
Builder & kreator
4.8k
Anggota aktif
Selalu terbuka
∞
Peluang kolaborasi
Direktori komunitas

Cari orang yang
sefrekuensi.

Memuat grup...
MEMUAT JARINGAN...
Belum ada grup dalam kategori ini. Jadilah yang pertama menambahkannya.
02 — Mengapa Kevsoft-ID

Komunitas bukan hanya tentang siapa yang hadir.
Ini tentang apa yang bisa kita bangun bersama.

Dari sesi belajar kecil hingga gerakan besar, Kevsoft-ID merangkai titik-titik kreatif di seluruh Indonesia. Sebuah direktori terbuka untuk menemukan teman diskusi, rekan kolaborasi, dan ruang baru untuk tumbuh.

Mulai Terhubung
03 — Ruangmu ada di sini

Punya grup?
Mari masuk.

Buka pintu komunitasmu untuk ribuan builder, kreator, dan pembelajar baru. Gratis, terbuka, dan dibuat untuk bertumbuh bersama.