Skip to content
Library

Invisibletech. Editorial sketchbook on graph paper.

  • AI
  • Light theme
  • 14 colors
  • 3 typefaces

Invisible Tech reads as an editorial sketchbook laid over graph paper: a near-pure white canvas dotted with a faint grid, scattered with loose hand-drawn vignettes (basketball players, overhead cars, a globe), and anchored by a tight two-column content rhythm. The typographic system is a deliberate duet between two custom faces — Apk Galeria carries everything human (body, headlines, quotes) with a serif-influenced rhythm and progressively tighter tracking as type scales up, while Apkpraktikal handles everything categorical as wide-tracked small caps (section eyebrows, navigation labels, tab names). The color system is almost entirely achromatic — black, graphite, and a stack of grays do 98% of the work — with exactly two chromatic accents that carry meaning: a vivid cobalt blue for wayfinding dots and a lime-chartreuse green reserved exclusively for the primary conversion action. Components are pill-shaped, borders are 1px hairlines, and the page never raises its voice with shadows or gradients — it whispers, then lets the two-tone headline (one phrase in near-black, the following phrase in mid-gray) do the dramatic work.

Screenshot of Invisibletech
Captured from invisibletech.ai on October 11, 2026

Invisibletech design system

Invisibletech

Brand2

  • Wayfinding dots beside section eyebrows, icon accents, link color — the navigation accent, never used as a fill

  • Green action color for filled buttons, selected navigation states, and focused conversion moments.

Neutrals12

  • Primary text, hero CTA button fill, logo mark — the dominant non-white color carrying 1000+ borders and all body copy

  • Secondary surface fill, dark card backgrounds, button borders — one step lighter than Carbon for layered elements

  • Body text, input borders, button borders, card borders — the working neutral for readable secondary copy

  • Muted headings, subhead text, supporting borders

  • Subtle heading text, dividers, light borders

  • Image borders, icon borders, tertiary text

  • Link borders, decorative dividers, lightest structural lines

  • Hairline borders, disabled states

  • Subtle borders, card outlines

  • Soft surface fills, secondary button backgrounds, subtle wash backgrounds

  • Feature card surfaces, soft highlight panels — the only tinted neutral, used to frame product previews and walkthrough banners

  • Page background, card surface, button text on dark fills

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Carbon Ink on Cobalt Spark

4.60 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.