GGOGGL discover . inspect . build

Welcome to the Workshop

GGOGGL is your inventor's notebook for the digital age. A place where schematics meet sketches, where code lives alongside hand-drawn circuit diagrams, and where every detail is crafted with the precision of a watchmaker and the warmth of a hand-lettered note.

Explore hand-drawn schematics and circuit patterns
Tinker with interactive toggle switches and dials
Read tutorials with the patience of a mentor at a drafting table
Night Mode

"Every great invention begins as a sketch in the margin." -- Pull the drawer tabs on the left to explore different sections of the workshop.

The Workshop

Welcome to the workshop floor. Here you will find the tools and building blocks for crafting digital experiences. Each component is designed with the tactile precision of a vintage instrument, yet light enough to feel effortless.

Precision Controls

Toggle switches, dials, and sliders built with skeuomorphic depth. Every interaction provides satisfying tactile feedback.

Active

Signal Routing

Hand-drawn circuit traces connect ideas to implementation. Follow the signal flow from concept to completion.

Measurement Tools

Calibrated with care. From pixel-perfect typography to harmonious color ratios, precision is in every detail.

72%

Workshop tip: interact with the toggle switches above. Notice how each element has physical depth -- the raised surface catches the light from above, while shadows ground it to the surface below.

Schematics

Study the blueprints. These hand-drawn schematics illustrate the inner workings of the GGOGGL design system -- from signal flow architecture to the layered depth model that gives every element its tactile quality.

Input Process Output feedback loop error channel

Signal flows left to right through three processing stages. Dashed lines indicate feedback and error correction paths. Each node is hand-drawn to emphasize the organic nature of the design process.

Depth Model

Shadow Layer
Base Surface
Raised Element
Highlight Edge

Terminal

The terminal window is where code meets craft. Presented in a skeuomorphic frame that echoes vintage CRT monitors, yet rendered with the clarity of modern screens.

workshop.sh
$ ggoggl init --workspace inventor-notebook
Initializing workspace...
Loading design tokens: ethereal-blue palette
Compiling schematics: 3 diagrams found
Registering fonts: Caveat, Nunito, IBM Plex Mono
Workshop ready. Happy building!
$ |
palette.config
// GGOGGL Ethereal Blue Palette
background: #e8eef4 // linen parchment
worksurface: #f0f4f8 // frosted white-blue
primary: #1b2a4a // deep twilight navy
accent: #4a90d9 // celestial blue
highlight: #a8c8f0 // soft cornflower
tab_active: #d4b896 // warm parchment gold
depth: #0f1729 // deep indigo-black

Notice the terminal frames: three colored dots, a draggable ridge texture, and a hand-lettered filename label. These skeuomorphic details transform plain code blocks into objects that feel real.

About GGOGGL

Look Closer every pixel is intentional

GGOGGL is an experiment in digital craftsmanship. The name plays on the word "goggle" -- a lens through which to examine things more closely. This entire experience is built as an inventor's notebook: part engineering reference, part sketchbook, part interactive prototype.

The design language draws from the tactile dials of a Braun T1000 radio, the inked marginalia of Leonardo da Vinci's notebooks, the blue-hour glow of early-morning monitor light, and the satisfying click of a vintage IBM Model M keyboard.

Design Principles

01

Physical Depth

Every element casts a shadow, catches a highlight, and occupies space. Flat design is forbidden in this workshop.

02

Hand-drawn Character

Imperfection is intentional. Lines wobble, lettering loops, and illustrations carry the warmth of a human hand.

03

Ethereal Palette

Cool blues and warm golds create an atmosphere that is both technical and dreamlike -- a twilight workshop.

04

Tactile Interaction

Switches click, tabs slide, and panels glide. Every interaction acknowledges the user's touch with physical response.

"The best interfaces feel like they were built by someone who cares about the details you notice only on the second look."