NachoDS
Repository-owned visual and interface standards.
How this is organized
Each view is one audience's slice of the system. Brand holds the essentials every surface shares. Web DS applies them to interfaces and email, Digital DS to ads and campaign assets, Social DS to social channels, and Print DS to paper. Use lays out every way the system is read: these pages, one URL for an AI tool, the machine-readable layer, MCP, a pinned bundle, and the website designs. Every asset format those views produce is sized from one catalog, src/formats.json. A planned page is declared in the navigation and not yet authored. Designs are whole pages of the eventual website, authored here on the system's own stylesheets and ported to production by engineers.
| Page | View | What it owns | Status |
|---|---|---|---|
| Foundation | Brand | What the brand stands for and the few decisions every other page follows from. | Planned |
| Logo | Brand | Each lockup on the ground it is for, clear space, minimum sizes, and misuse. | Planned |
| Typography | Brand | The type families, the type scale, and specimens. | Authored |
| Color | Brand | The palette and which text color belongs on which ground. | Authored |
| Icons | Brand | The icon set, its sizes, and how it takes color. | Planned |
| Voice & Tone | Brand | How the brand sounds: rules, rewrites, and words to use or avoid. | Planned |
| Spacing & shape | Web DS | The spacing scale, radii, layout constants, and motion durations. | Authored |
| Photography | Web DS | Subjects, treatment, crops, and the approved image library. | Planned |
| Components | Web DS | Buttons and form fields, each with a live preview, its rules, and its markup. | Authored |
| Layout | Web DS | Grid, section rhythm, breakpoints, and how long content wraps. | Planned |
| Email principles | Web DS | How inbox-grade HTML email is built on the system: structure, type, color, and what clients strip. | Planned |
| Email templates | Web DS | Ready-to-send templates for the messages the brand sends most, each with its rules and markup. | Planned |
| Overview | Digital DS | Paid ads, event banners, and promotional graphics for screens: the format catalog, delivery rules, and how a preview is built. | Authored |
| Google Display Ads | Digital DS | The standard display units in Minimal, Accent, and Bold, with the platform's weight limit and border rule. | Planned |
| Responsive & PMax | Digital DS | Image and text assets for responsive and Performance Max campaigns, within the platform's text limits. | Planned |
| Webinar Banners | Digital DS | The page hero, registration banner, and title slide for an online event. | Planned |
| Virtual Backgrounds | Digital DS | Video-call backgrounds that keep the speaker clear and the brand in the corner. | Planned |
| Email Headers & Signatures | Digital DS | The header image for campaigns and the banner under every signature. | Planned |
| Website Promos | Digital DS | The promotional hero and strip the website shows during a campaign. | Planned |
| Google Business Profile | Digital DS | Post images and the button names the profile allows. | Planned |
| Overview | Social DS | How the brand behaves on fixed-canvas, mobile-first channels: principles, the canvas catalog, and how the view is organized. | Authored |
| Brand on Social | Social DS | The logo, type, and color on a fixed canvas: minimum sizes, safe areas, and the one treatment per surface. | Planned |
| Voice & Tone | Social DS | How the brand voice shortens for captions, comments, and replies. | Planned |
| Video Pipeline | Social DS | How a video goes from brief to published cut, and who approves each step. | Planned |
| Video Lab | Social DS | The authoring contract and boards a drafted video is built from. | Planned |
| B-Roll Library | Social DS | The approved footage, how it is tagged, and which chains cut together. | Planned |
| LinkedIn specs | Social DS | Image, video, and document specs and character limits. | Planned |
| LinkedIn templates | Social DS | Post, carousel, and article-cover templates. | Planned |
| YouTube specs | Social DS | Channel art, video, and end-screen specs. | Planned |
| YouTube templates | Social DS | Overlay, lower-third, and bumper templates. | Planned |
| Thumbnails | Social DS | Thumbnail layouts that read at phone size, with the one treatment per series. | Planned |
| Video Assets | Social DS | Intro, outro, lower thirds, and captions styles shared by every cut. | Planned |
| Shorts | Social DS | Vertical video: safe areas under platform chrome, hook timing, and captions. | Planned |
| Eventbrite, Facebook & Webinars | Social DS | Event listing images, event covers, and webinar promo posts and stories in Minimal, Accent, and Bold. | Planned |
| Social DS | Square, link, and story templates with caption rules. | Planned | |
| Social DS | Square, portrait, story, and carousel templates with caption rules. | Planned | |
| Paid Social Ads | Social DS | Meta feed and portrait ads and LinkedIn sponsored content, with the text around each image. | Planned |
| Pillars & Cadence | Social DS | Content pillars, posting cadence, and the mix between them. | Planned |
| Compliance & A11y | Social DS | The legal and accessibility guardrails every post and ad passes before it goes out. | Planned |
| Overview | Print DS | How the brand meets paper, vinyl, and board: the template scale, principles, the format catalog, and the printer handoff. | Authored |
| Letterheads | Print DS | First and second sheets, the letter grid, and what prints in the office. | Planned |
| Business Cards | Print DS | Front and back in each step of the scale, with the contact line sizes. | Planned |
| Brochures | Print DS | The tri-fold panel order, copy per panel, and the fold. | Planned |
| Booklets | Print DS | Cover wraps, chapter openers, interior spreads, and the booklet style guide. | Planned |
| Worksheets | Print DS | Fill-in sheets that print on any office printer and take pen. | Planned |
| Calendar | Print DS | The year at a glance and the month page, dates computed from the year. | Planned |
| Notepads | Print DS | Tear-off pads with handwriting ruling: the brand at the head and foot, room to write between. | Planned |
| Conference Banners | Print DS | Pull-up and hanging banners sized to read across a room. | Planned |
| Posters | Print DS | Event posters in four sizes, from tabloid to one-sheet. | Planned |
| Using the system | Use | Every way in: the pages, one URL for any AI tool, the machine-readable layer, MCP, a pinned bundle, and the website designs. | Authored |
| Marketing site | Designs | The public website: a home page and a contact page with its sent state, composed from the system's layout pieces and components. Starter pages; replace them with the client's. | 2 pages |