secretcodes

UI conventions for building or changing app pages in the secretcodes repo: the authenticated list/home header ("Your X" + "+ New" button), breadcrumb back-nav ("All X", no arrows), the public marketing landing hero, and the standard wording. Use whenever creating a new app or adding pages to an existing one so the apps stay visually consistent.

The Secret Codes brand system: design tokens (--sc-* colours), typography (Fraunces/Inter/JetBrains Mono), the accent-italic voice, dark mode, Bootstrap remapping, logo usage, and tone of voice. Use whenever writing UI, CSS, or copy so it matches the brand kit. Pair with app-ui-conventions for page layout.