Available for advisory & creative technology experiments

Designing systems,
engineering experiences.

I am Arief, Founder & Creative Technologist at Rasabaik Studio. I operate at the intersection of brand strategy, generative WebGL systems, and high-performance digital products.

Studio DirectionCreative WebGL / ShadersOn-Chain Intelligence (Web3)Private AI Systems (Venice)
01 / Anchor Venture
Independent Creative StudioBogor · Purwokerto

Rasabaik Studio

A multi-craft studio uniting strategy, design, and code to craft memorable digital experiences, brand systems, and interactive technology.

Visit rasabaik.net
01 / CRAFT

Strategy & Art Direction

Brand identity systems, digital design directions, and design-led commercial positioning.

02 / CRAFT

Interactive Code & Web

Modern web experiences, creative micro-interactions, responsive architectures, and fast platforms.

03 / CRAFT

Creative Play (AR / VR)

Augmented reality prototypes, interactive spatial installations, and experimental visual interfaces.

SELECTED STUDIO ARTIFACTSCommercial Inquiries via Studio
Higher Education Platform & SystemsSTIM YKPN Yogyakarta

Complete digital ecosystem & platform re-architecture for academic institution.

Creative Audio & Media ExplorationFish Tank Radio

Interactive broadcast streaming medium bridging sound and visual digital design.

Interactive XR TechnologySpatial AR Learning Prototypes

Augmented Reality modules built for educational interaction and visual retention.

Serving founders, educational institutions, & innovative brands.
Explore full case studies
02 / The Lab & Independent Products

Ventures & Creative Code

Independent software, protocol experiments, and interactive sandbox projects.

LIVE ON PRODUCTION · WEB3 & AIRobinhood Chain Orbit

Lince (ClusterGuard & Terminal)

Institutional-grade on-chain sybil detection and real-time Twitter (CT) cognitive mindshare engine. Crawls holder concentration, traces Arkham-style root gas dispersers, and models Pons V2 bonding curve dump slippage.

VISUALIZATIONAntV G6 WebGLAnimated flow quadratic edges
BONDING CURVE MATHDump Impact SimPons V2 constant product
CABAL FORENSICSFunding LineageRoot gas dispenser tree
PRIVATE INFERENCEVenice AI CopilotZero-logging Llama 70B & R1
Next.js 16 (Turbopack)TypeScriptTailwind CSSHTML5 Canvas ExporterArbitrum Orbit Blockscout
LIVE INTERACTIVE DEMO · E-COMMERCE & AIDirect-to-WhatsApp

KALA Essentials (AI Olshop Starter)

Blueprint toko online mandiri modern bebas biaya admin marketplace. Mengintegrasikan katalog dinamis, size selector, keranjang interaktif, dan format checkout instan langsung ke WhatsApp. Dibuat dengan AI dalam 10 menit sebagai studi kasus demokratisasi tech.

FEE REVOLUTION0% Marketplace Cut100% direct revenue
WHATSAPP SYNCAutomated wa.meURL-encoded order payload
CLIENT STATEInstant Cart DrawerZero backend dependency
AI PROMPT KIT1-Click Prompt CopyReady to replicate
Next.js 16Tailwind CSSWhatsApp Deep LinkMobile-First
LIVE PRODUCTION · ENTERPRISE RAG & VECTOR SEARCHOtium Consulting Preset

DocuMind (Enterprise RAG Document Intelligence)

Asisten pembedah dokumen enterprise berbasis arsitektur RAG (Retrieval-Augmented Generation). Mengintegrasikan recursive chunking, kalkulasi cosine similarity real-time, zero-hallucination guardrails, serta sitasi sumber terverifikasi. Dilengkapi "Recruiter View" untuk inspeksi payload & latency.

VECTOR INDEXCosine SimilaritySub-100ms k-NN search
ZERO HALLUCINATIONStrict Grounding100% document-based
SOURCE CITATIONSClickable [1] [2]Jump to source chunk
RECRUITER VIEWPipeline InspectorFull telemetry peek
Next.js 16Vector Cosine EngineRecursive SplitterContext Engineering
03 / Philosophy & Stack

How I Build & Think

The principles and technical foundations powering both studio client work and independent software.

[01]

Speed as a Fundamental Feature

Sub-100ms interactions, zero cumulative layout shifts (CLS), and instantaneous feedback. High-performance software should respect the user's attention.

[02]

Depth Beneath the Surface

Aesthetic refinement is only credible when backed by rigorous system architecture, mathematical precision, and resilient backend pipelines.

[03]

Craft in the Micro-Details

The magic lives in intentional spring transitions, accessible keyboard shortcuts, thoughtful contrast ratios, and tactile sensory feedback.

TECHNICAL CAPABILITY MATRIXContinuously Evolving

Creative Tech & Frontend

  • Next.js 16 (App Router)
  • React 19 & TypeScript
  • Tailwind CSS
  • WebGL & Three.js
  • AntV G6 Graph Topology
  • Framer Motion / Motion
  • Radix UI Primitives

Systems, AI & Protocol Layer

  • Node.js & Python
  • Venice AI (Zero-Logging Inference)
  • EVM JSON-RPC Telemetry
  • Constant Product Bonding Curves
  • Cloudflare Edge / Vercel Edge
  • REST & GraphQL Pipelines

Creative Direction & Spatial

  • Brand Identity Architecture
  • Design Systems & Tokens
  • Interactive Art Direction
  • AR / VR Spatial Prototyping
  • User Experience Forensics
  • Information Architecture