Tinybird. Black void, one electric green cursor, monospace whispers.

Green supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Green supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Red supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color

Deepest surface layer for hero backgrounds and video poster frames, one step darker than the page canvas

Primary page canvas — the dominant background of every screen. A hair above true black to soften OLED contrast

First elevated surface — used for embedded media frames and video containers that need to sit above the page canvas

Testimonial and content card backgrounds. Two steps above the canvas, enough lift to separate without casting shadow

Hairline borders, input fields, and dividers. Defines component edges without competing with content

Secondary body text, descriptions, and sub-labels — the voice for anything supporting but not starring in the hierarchy

Tertiary text and disabled-state labels. The faintest human voice before falling into silence

Bright border accent used on emphasized outlined elements like the active workflow step

Primary text and headlines. Maximum contrast against the near-black canvas for immediate legibility