Opinionated constraints for building Superhuman-style interfaces with AI agents.
| surface-base | #C9B7FD | rgb(201,183,253) | Page background | | surface-raised | #4B5196 | rgb(75,81,150) | Cards, modals, raised surfaces | | surface-overlay | #351027 | rgb(53,16,39) | Overlays, tooltips, dropdowns | | text-primary | #B8B1D7 | rgb(184,177,215) | Headings, body text | | text-secondary | #BDC6DF | rgb(189,198,223) | Secondary, muted text |
| text-tertiary | #B398A9 | rgb(179,152,169) | Additional text | | border-default | #4D5498 | rgb(77,84,152) | Subtle borders, dividers | | accent | #BCBAFC | rgb(188,186,252) | Primary actions, links, focus |
Il sistema di progettazione dell'interfaccia utente di Superhuman. Da utilizzare quando si creano interfacce ispirate all'estetica di Superhuman: modalità luce, carattere Inter, griglia 4px. Fonte: ihlamury/design-skills.