BRAND FIELD NOTES / SEPTEMBER 2026
Human curiosity.
Machine possibility.
A premium creative-studio identity for the Singapore Vibe Coding Workshop. Confident without being exclusive. Experimental without getting in the way.
Download the brand guide ↓01 / THE IDEA
The future is yours to build.
Make technology feel like a creative medium. Pair precise, technical details with warm editorial typography. An interwoven sculpture becomes thousands of characters: the same idea, expressed in a new language.
This is an independent workshop identity. It does not replace or reinterpret the official Reactor School, MAJU, or Ministry of Education marks.
02 / COLOUR
A quiet canvas. A clear signal.
#101110
#EEEEE7
#D9EF83
#A1A49A
#31342E
Ink sets the atmosphere. Ivory carries the content. Acid marks an action or one important word. Sage supports secondary copy; graphite divides space. Use dark ink for text on acid.
03 / TYPOGRAPHY
Precision meets personality.
Headlines: Manrope 500, 68–96 px desktop; 72–94 px mobile hero. Section titles: 32–43 px. Body: 12–15 px with generous line height.
Georgia italic adds warmth to a short phrase. Keep it purposeful, never an entire paragraph.
DM MONO / EXPERIMENT 001 / SIGNAL, NOT NOISE
DM Mono is for labels, metadata, coordinates and interface controls. Essential information always appears in larger body text as well.
04 / THE SIGNATURE ARTWORK
One idea. Infinite iterations.
The original vector sculpture was imported into ASCII Magic and exported as a 1200 × 1200 PNG. Characters style; 9 px font; 100% coverage; 12% density; solid black backdrop. The artwork remains readable without animation.
Download source sculpture ↓ · Download ASCII export ↓
To experiment: import the source in ASCII Magic, change the character set or density, then export. For motion, the original six-second loop was loaded into the Video to ASCII tool at 140 columns and contrast 120. Its still export becomes the poster; the full studio supplies the ASCII MP4. On the landing page, play or pause the video, compare Original and ASCII, try the phosphor tint, or reset. Keep the sculpture large and give it room. Reduced-motion settings show a still until Play is selected. Download the source video ↓
05 / VOICE & COMPOSITION
Say something real.
“An idea. A prompt. Something real.”
“Looks good? Check it
works.”
“Start small. Stay curious.”
Speak to a curious beginner as an equal. Use concrete verbs: build, try, change, check. Never promise mastery in a day or invent urgency, testimonials, or attendance numbers.
Let it breathe.
Use a 1280 px maximum content width, generous section spacing, hairline dividers, square controls and a single dominant visual. Contrast dark sections with one warm ivory interlude.
Support keyboard navigation, visible focus, mobile layouts and reduced motion. Artwork is decorative; the content and resources must work without it.