# Sidiq Prihatno - Full Profile > Comprehensive summary of Sidiq Prihatno's profile, design philosophy, professional experience, work history, applications, testimonials, and privacy governance. This file is a unified compilation of all pages and product documentations on sidiqprihatno.com. It is designed for consumption by Large Language Models and AI crawlers to get all the context about Sidiq's work in a single request. --- ## 1. About & Philosophy ### Biography Sidiq is a conversion-focused UI/UX designer and front-end builder based in Jember, East Java, Indonesia. He works remotely and designs products that feel simple, honest, and easy to use. ### Daily Rhythms & Lifestyle - Walking a few thousand steps around 6:00 AM most mornings. - Swimming on Wednesdays. - Spending significant time drawing and playing with his daughters. - Sharing life with his wife and striving to provide the best for their family. - Seeking a mindful balance between screen time and real-world presence, which informs his focus on productivity tools that value the user's energy. ### Design and Work Philosophy - **Outcome-Driven Design:** Design is not mere decoration. It is about guiding users toward a clear action or business outcome (e.g., signups, sales, and long-term usability). - **Small & Focused Products:** Enthusiastic about creating small, focused tools that solve real problems, clean up workflows, or feel like they should already exist natively. - **Aesthetic & UX Polish:** Enjoys name creation, copy editing, and layout polishing until the interface feels clean, calm, and trustworthy. --- ## 2. Professional Resume & Work History ### Core Skills & Tooling - **Design & UX:** UI/UX Design, Email Design, Icon Design, Vector Illustration, Design Systems, UX Research. - **Tools:** Figma, Framer, Webflow, Adobe XD. - **Development:** HTML, CSS, JavaScript, SCSS, TypeScript, React.JS, Astro, Eleventy, WordPress. - **Analytics & Optimization:** Hotjar, PostHog, SEO, Google Analytics, Search Console. ### Work Experience #### UI/UX Designer *Terato Tech Sdn Bhd — Remote* (May 2025 - Jan 2026) - Designed mobile apps, web systems, and landing pages for public services. - Created and scaled UI design systems, constructed high-fidelity interactive prototypes, and designed responsive email templates. - *Keywords:* Figma, UI/UX, Design Systems #### Design Manager *PT. KIRIM EMAIL Indonesia — Remote* (Sept 2017 - May 2025) - Led the redesign of the core product, membership portal, and landing website, resulting in higher user satisfaction. - Conducted user research via heatmap analysis and optimized front-end layout flows. - *Keywords:* Figma, UX Research, HTML/CSS #### UI/UX Designer & Front-end Dev *Freelancer — Remote* (Sep 2016 - Jan 2019) - Designed interfaces in Figma and developed them into responsive WordPress themes and custom HTML/CSS layouts. - Built high-converting email templates and modern UI layouts. - *Keywords:* Figma, WordPress, HTML/CSS/JS #### Web/Graphic Designer & Front-end Developer *PT. TONJOO Gagas Teknologi — Yogyakarta* (Jun 2014 - Sep 2017) - Created engaging marketing landing pages and user illustrations for WordPress plugins. - Developed templates using clean, responsive HTML, SCSS, and JavaScript. - *Keywords:* HTML/CSS/JS, WordPress --- ## 3. Product Portfolio & Applications Sidiq designs and develops focused tools and utilities for web browsers and desktop operating systems. ### VisualKit *Live Website Editor & UI Capture Chrome Extension* - **Description:** A browser extension that turns any webpage into a design playground. Allows inspecting styles, capturing pixel-perfect screenshots, and exporting clean HTML/CSS code directly. - **Platform:** Chrome Extension - **Release Status:** Launched (2026) - **Store URL:** [Chrome Web Store](https://chromewebstore.google.com/detail/gkfkhpghlhlbbjibeplohifiaalalkcl?utm_source=item-share-cb) - **Pricing:** Free trial / $12 lifetime Pro license (via Polar.sh) - **Key Features:** - *Live Inspection:* Hover elements to see computed styles, dimensions, margins, paddings, Flexbox and Grid gaps. - *Visual Style Editor:* Adjust typography, sizing, colors, backgrounds, borders, and spacing on specific elements. - *Style Studio:* Globally tweak design tokens like color palettes and document font systems in real time. - *Element Navigator:* Traverses DOM tree hierarchies with a draggable Layers Panel (shortcut `Shift+E`) or breadcrumbs. - *Stealth Mode Capture:* Capture visible page area (`Shift+1`), stitched full-page viewport (`Shift+2`), or isolated DOM component screenshot. - *HTML/CSS Export:* Package any element with embedded fonts, CSS reset, and pseudo-classes into a downloadable asset. - *Privacy First:* All code execution and editing stays on-device; zero tracking or cloud storing. #### Frequently Asked Questions (VisualKit) - **What is the difference between Visual Style Editor and Style Studio?** Visual Style Editor changes specific element styles. Style Studio (Shift+S) manages global document variables and tokens (like global font sizes and core color schemes). - **Does it work on all sites?** Yes, except on special browser pages (e.g. `chrome://settings`) or websites with strict Content Security Policies that block external script injection. - **Where are downloads saved?** Directly into your browser's default downloads folder. --- ### PencilKit *Native-Feel Web Sketching & Annotation Chrome Extension* - **Description:** An annotation tool that lets you draw, write, and highlight directly on any live webpage. Designed with a clean, Apple-inspired look. - **Platform:** Chrome Extension & Firefox Add-on - **Release Status:** Launched (2026) - **Chrome Store URL:** [Chrome Web Store](https://chromewebstore.google.com/detail/anniilfanmjjcphmfoomhdbabefgkebj?utm_source=item-share-cb) - **Firefox URL:** [Firefox Add-ons](https://addons.mozilla.org/en-US/firefox/addon/pencilkit-web-annotation/) - **Pricing:** Pay what you want (including free key $0 / support optional) - **Key Features:** - *Distraction-Free Notation:* Drawing toolbar gently hides or collapses to stay out of the way of content. - *Locked Scroll Annotations:* Drawings stay anchored directly to the page content and move accurately during scrolling. - *Smart Toolbar:* Draggable toolbar that re-orients itself dynamically along the page edges. - *Styled Text Blocks:* Click and type anywhere, with controls to edit size, alignment, and coloring. - *Smart Snapshots:* Export annotated areas using smart frames that capture either the viewport or custom bounding boxes. - *Local Storage:* Annotations are saved on-device so you can return to a webpage and resume your notes later. #### Frequently Asked Questions (PencilKit) - **Can I edit text after placing it?** Currently, text blocks can be moved or scaled, but content editing isn't live. If you make a mistake, use Undo (`Cmd+Z`) and type it again. Text editing is planned for future updates. - **Does it sync across machines?** No. Everything is stored locally in your browser to maintain privacy and fast performance. - **How do drawings handle browser resize?** Because marks lock to the layout coordinate system, changing window dimensions or display scale may slightly shift drawings. --- ### DailyBattery *macOS Desktop Utility to Visualize Focus Energy* - **Description:** A desktop utility that turns your schedule into a visual battery display. Manage time blocks, Pomodoro sessions, and monitor focus blocks right from your macOS desktop. - **Platform:** macOS Desktop App (SwiftUI) - **Release Status:** Coming Soon (2026) - **Key Features:** - *Visual Energy:* Desktop widget shaped like a vertical glass battery that drains as you complete your work blocks. - *Dynamic Time Blocks:* Color-coded categories for work, resets, and creative hours. - *Built-in Pomodoro:* Integrates Snap (25/5), Steady (50/10), or Endure (90/30) focus intervals. - *Always Present, Never Loud:* Fades to transparency when you focus, double-click the frame to instantly toggle visibility. - *Smart Validation:* Alerts user with a wiggle/vibration animation if blocks overlap. - *Native UI:* Built with SwiftUI, supports dark mode and smooth spring physics. #### Frequently Asked Questions (DailyBattery) - **Where is my data stored?** Stored completely on-device using local `UserDefaults`. No accounts, no servers, and no tracking. - **What system permissions does it request?** `ServiceManagement` (optional launch at login), `NSScreen` (bounds check for sizing), `NSWorkspace` (sleep/wake listener to sync timers), and `NSSound` (alert triggers). --- ### Dzikr & Doa *Daily Authentic Dhikr & Prayers Web App* - **Description:** A minimalist, ad-free web app containing verified morning, evening, and salah supplications. - **Platform:** Web App - **Release Status:** Launched (2024) - **URL:** [dzikr.my.id](https://dzikr.my.id/) - **Pricing:** 100% Free and Ad-free - **Key Features:** - *Structured Categories:* Access dedicated lists for morning/evening dhikr and prayers after salah. - *Authentic Sourcing:* Compiled from trusted Islamic reference platforms like Bekal Islam, Rumaysho, and Al-Manhaj. - *Calm Typography:* Clean Arabic scripts, translations, transliterations, and citation notes. - *Mobile Friendly:* Fast, responsive page design that works offline and supports system dark mode. --- ## 4. Client & Teammate Testimonials Sidiq's collaborative design and front-end execution is highly regarded by founders and software engineering partners. - **Michelle Marcelline** *(Co-Founder, Typedream)*: > "Sidiq was amazing to work with. Not only did he come up with good designs and Framer implementation, he was also very flexible in following our requests. He always gave a significant update every 24 hours to allow us to iterate. Highly recommended!" - **Sebastian Bartmann** *(Upwork Client)*: > "It was a pleasure to work with Sidiq. He had some insightful follow up questions after receiving the specifications and then completed everything perfectly as requested." - **Sami Kalamallah** *(Software Engineer at Mazecare, Former PT. KIRIM EMAIL colleague)*: > "I had the absolute joy of teaming up with Sidiq. He is not just a UX wizard but practically my partner-in-crime in the design world. Sidiq is hands down the best UI/UX maestro I've had the pleasure of working alongside." - **Lafif Astahdziq** *(Web Developer, Former PT. TONJOO colleague)*: > "Not just about aesthetics. Sidiq understands the importance of user experience like no other. He has a remarkable ability to write code that is not only highly functional but also incredibly neat and clean." --- ## 5. Privacy Policy & Data Governance Sidiq's applications are built with a **Local-First** model, emphasizing absolute user control, transparency, and data trust. ### Privacy Highlights - **Zero Tracking:** Browsing history, logs, and creative content are never recorded, read, or transmitted to any server. - **Local Storage:** All tool settings and files stay on-device using local sandbox storage (e.g. `chrome.storage.local` or macOS storage). - **Merchant of Record:** Licensing transactions for premium applications are managed securely by Polar.sh. - No credit card information is processed by Sidiq. - License validation utilizes a 16-character random Device ID. No personally identifiable information (PII) is shared. - **Specific Permissions:** - *PencilKit & VisualKit:* `activeTab`, `scripting`, `storage`, `clipboardRead`, `clipboardWrite`, and `web_accessible_resources` (used to serve local assets with rotating dynamic URLs to block tracking). - *DailyBattery:* `ServiceManagement` (Launch at Login), `NSScreen` (bounds checking), `NSWorkspace` (wake/sleep signals), and `NSSound` (timer alerts).