Room to
experiment.
A clear frame for curious work.
Our identity, the rules behind it, and the pieces we build with.
A little out of line.
Three squares establish a pattern. One circle steps outside it. A small departure with a clear point of view.
software
Keep the departure.
The circle stays slightly up and to the right. Its position is part of the mark. Always use the original artwork.
Give it room.
Keep at least half a square’s width clear around the visible mark. Start at 24px for interface use.
Keep it simple.
Use ink on light surfaces or white on ink. Preserve the proportions. No gradients, extra shapes, or effects.
One voice. Two fonts.
General Sans does the speaking. Meslo LG S adds the small, precise details. Hierarchy comes from scale and spacing.
Software, under exploration.
Make room
for what’s next.
Large type. Room to breathe. Regular weight.
Display tracking: −0.03em.
We’re a software lab developing, launching, and growing software products, with experimentation shaping what we build and how we build it.
16px / 1.55 line height. Normal spacing.
The wordmark uses Medium (500), tracking −0.045em.
WORK / NOTES / ABOUT
PROTOTYPE · v0.1.0
npm install orb-ui
Labels, navigation, versions, dates, and commands. Use the technical voice in small doses.
Interface labels use 14px; secondary metadata uses 12px. This page loads General Sans and Meslo LG S as webfonts. Use Regular (400) for body text and labels, and Medium (500) for the wordmark. See the font setup and license notes when adopting these fonts in another project.
White, with a signal.
White makes space. Ink gives structure. Acid yellow marks the one thing that deserves your attention.
Paper
#FFFFFFPrimary background
Ink
#171715Text & the mark
Acid
#D8EF45Primary action
Surface
#F3F5EFSecondary background
Muted
#62665ESupporting text
Rule
#DDE1D7Dividers
Set ink text on acid yellow. Rules are subtle separators; interactive fields use a stronger border. Never use color alone to communicate state.
Familiar pieces. Our character.
Accessible component behavior, a restrained visual layer, and room for each product to be itself.
shadcn/ui + Base UI + White Room
Square corners, clear focus states, generous spacing, and one accent.Use words to make maturity clear. A project’s status belongs beside its name.
Changes saved
Short, specific feedback. Say what happened and keep the next step clear.
Press Tab to explore. A crisp ink outline keeps focus visible on every surface.
A family, not a uniform.
Experimental Software provides the frame. Named products keep their own name, imagery, and personality.
orb-ui
Voice agent UI that feels alive.
Lead with the work.
Let the product name do the talking. Keep the parent endorsement small and consistent.
Use real software captures and outputs. Describe what it does, how to try it, and how mature it is.
View Orb UIStart with the originals.
The complete kit: original symbols, outlined wordmarks, avatars, share images, wallpapers, profile banners, and the styling foundation. Ready to use in light and dark settings.
Download the complete brand kit
ZIP · SVG, PNG, TEMPLATES & TOKENS · V1.1
PRIMARY LOCKUP / OUTLINED SVG
REVERSE / FOR DARK SURFACESPrimary lockup / ink
SVG · OUTLINED LETTERINGPrimary lockup / white
SVG · TRANSPARENTHorizontal lockup
SVG · WIDE PLACEMENTSWordmark only
SVG · GENERAL SANS MEDIUMProfile avatar / paper
PNG · 512 × 512Profile avatar / ink
PNG · 512 × 512Company share image
PNG · 1200 × 630Repository cover template
SVG · 1280 × 640Outlier / vector
SVG · ORIGINAL GEOMETRYOutlier / transparent
PNG · 512 × 512White Room tokens
CSS · COLORS, TYPE & UIBrand specification
JSON · IDENTITY TOKENSThe ZIP includes SVG and PNG versions, white artwork for dark surfaces, three avatar backgrounds, and usage notes. Wordmarks use vector outlines and display without installed fonts. Font files are not included. Read the asset guide ↗
Make yourself at home.
Wallpapers for iPhone and Mac, plus personal profile banners for LinkedIn and X.
Download wallpapers & banners
PNG & SVG
iPhone Home Screen
1320 × 2868A clear app area, with the mark and wordmark beside Search. Choose this image separately for your Home Screen and turn Blur off.
PNGs are ready to use. SVGs stay sharp at any size and need no installed fonts. Device and profile crops may vary. These designs are also included in the complete brand kit.
Experimentation to production.
The company language: direct, deliberate, and ambitious. Shared with the homepage so the reference and the site stay in step.
From experimentation to production.
We’re a software lab developing, launching, and growing software products, with experimentation shaping what we build and how we build it.
Software lab
The company category.
Projects
The umbrella term for the catalog and its navigation.
Products
Projects released for ongoing use.
Experiments
Projects exploring or testing an idea.
Develop, launch, and grow
The primary description of what we do.
Develop and operate
A more formal description of ownership and ongoing responsibility.
Experimental Software develops and operates a portfolio of software products. We take projects from early experimentation through development and launch, then continue improving and growing them in production. Experimentation shapes both the new projects we pursue and the development of what we’ve already released.
Speak as the company.
Use “we” for the lab. Keep the company introduction broad; project-specific categories and capabilities belong with each project.
Use precise verbs.
Develop, launch, and grow describe the work. Develop and operate describe the company’s ongoing responsibility. Use research when describing exploration.
Keep the catalog clear.
Projects is the public umbrella term. Use product or experiment when the distinction helps explain the work. Smaller projects and maintained products remain part of the catalog.