Founder / Creative Developer
I build websites with personality.
I'm Teguh Rinaldi, the creator behind ODDLYRINALDI — a creative digital studio focused on distinctive website templates, expressive interfaces, motion, and memorable digital experiences.
Teguh Rinaldi
Founder / Creative Developer
What is ODDLYRINALDI?
A personal digital studio built around one simple belief:
a website should have a personality.
Each template is designed as its own world — with a different mood, visual language, interaction style, and purpose. Some are dark and cinematic. Some are energetic. Some are quiet and architectural. Some are playful and unexpected. But every template is made to feel like more than a collection of sections. It should feel like an experience.
Who is behind it?
I'm Teguh Rinaldi, a creative developer interested in building websites that feel expressive, interactive, and carefully designed.
I enjoy combining frontend development, visual design, animation, typography, interaction, and responsive systems. ODDLYRINALDI is where I collect those ideas and turn them into usable website templates.
The way I build
not another boring template- 01
Every website needs a personality.
- 02
Motion should support the experience.
- 03
Details make a website memorable.
- 04
Templates should not feel generic.
- 05
Good design should still be usable.
- 06
Playfulness and polish can coexist.
Philosophy
Personality over polish-only
A clean website is table stakes. The templates I build start from a character or a mood, then get refined until they're premium underneath.
Motion with intent
Every animation has a reason to exist — guiding attention, adding a beat of delight, or confirming an interaction. Nothing moves just to move.
Editorial composition
I treat layout like a poster: asymmetry, whitespace, and rhythm matter as much as the grid underneath them.
How a template gets made
- 01
Find the personality
Every project starts with a mood board and a question: what does this brand feel like if it were a person?
- 02
Design in the browser
Layouts get built directly with real type, real spacing, and real motion — not just static mockups.
- 03
Build it properly
Next.js, TypeScript, and Tailwind underneath, so the finished site is as solid as it looks.
- 04
Polish the details
Doodles, micro-interactions, and edge cases get their own pass — the last 10% is most of the personality.
Skills & tools
- Creative frontend development
- Interactive website design
- Motion design
- Next.js development
- TypeScript
- Tailwind CSS
- Framer Motion
- Responsive design
- Design systems
Find the rest of the work
Portfolio and social links below — placeholders for now, swapped for real profiles soon.
