SaaS Canvas • ESM Output
Live Inspection
Creative Developer • Portfolio 2026
•
Open for Q4
Craft Interfaces That Feel Premium Engineered by Rennn
Bridging fluid editorial motion with production-grade performance. 60 FPS solid, zero layout shift, tailored for founders who refuse template slop.
rennweb.web.id
60 FPS Verified
main
Pixel-Perfect Ship
P75 < 16ms
Active Theme
Neo-Editorial
Warm Ivory • Charcoal
Typography Scale
Plus Jakarta Sans 900
Cascade opacity • 0.04em tight tracking
Lighthouse Perf
98 / 100
Interactive on iOS • Android • Web
Zero-Jank GPU Motion
Powering editorial surfaces across world-class digital brands
System Architecture
How It Works
Four orchestrated engines that translate abstract ideas into production code with zero visual debt.
Creative Pipeline
Concept to Live
Natural Prompt to Layout
Describe desired mood, business domain, and visual hierarchy. We compile semantic layout primitives and bespoke GSAP timelines instantly.
1
Parse Design Intent & Tokens
Completed
2
Generate Bento & Editorial Flow
Active Hook
Community
Join the Circle
Over 1,200 craft-obsessed product engineers and designers sharing production-tested tokens.
+1.2k
Peer reviews on every motion curve & GPU frame budget before deploy.
Advanced
Pro Modules
Twelve plug-in controls for motion, GPU budget, and export fidelity.
Ecosystem Benchmarks
Live Feeds
Curated Design Systems & Media Feed
Continuously benchmarked against Awwwards, FWA, and premier design engineering laboratories.
AWWWARDS SOTD
FWA OF THE DAY
GSAP CORE 3.12
TAILWIND V4
Craft Artifacts • Live Carousel
Selected Work
Editorial Tech • 1440 Grid
Retina Optimized
D2C Brand Showcase
High Fidelity
01 / 03
01
Deterministic Tokens
Type scale, leading, and tracking locked.
02
Friction Scroller
Lenis 1.2s ease with 0.85 wheelMultiplier.
03
GPU Safe Pipeline
Zero expensive filters during active scroll.
How I Ship
A process built for premium outcomes.
No generic AI templates. Every build is verified against strict layout contracts, mobile touch guards, and typography scales.
STEP 01
Seed the Intent
Define audience, role, and emotion. Lock the design tokens before writing a single line.
STEP 02
Orchestrate Motion
Synchronize Lenis smooth scroll with GSAP scrub. Never animate top/left; transform-only.
STEP 03
Ship Production ESM
Single-file or clean repo export. Verified on desktop, tablet, and mobile GPUs.
Studio Direct Networking • Live Grid
"The closest thing to having an Awwwards judge in your IDE."
Signature Layout
12 Modules
GSAP x Lenis
1.25 Ratio
Voices
Built by engineers who care about invisible details
"Most agencies deliver generic templates with bloated bundles. Rennn understands editorial rhythm: warm cream palette, razor typography, and GSAP micro-interactions that hit 60 FPS even on budget Androids."
Marcus Vance
Founding Designer • Linear Dynamics
"Working with Rennn saved us weeks of friction between Figma and code. The hold-plateau scroll timing and bespoke curves look and feel like an Awwwards winner."
Elena Rostova
Creative Director • Aura Studio
Bespoke Engineering
Websites that command attention.
From high-converting landing pages to bespoke interactive showcases.
Investment
Q4 Booking Open
Let's build your next standout project
Landing Page
1 halaman fokus konversi · 2–3 hari
mulai
Rp 350rb
Company Profile
Terlaris
4–6 halaman · SEO dasar · maps
mulai
Rp 750rb
Custom Interactive
GSAP motion · bespoke · CSS zero slop
mulai
Rp 1,5jt
- Semua paket responsive, loading cepat, dan siap dipakai bisnis
- Full Ownership: source code diserahkan utuh, zero vendor lock
- Harga final tergantung jumlah halaman & fitur — nego via WhatsApp