{"schema":"https://www.diiirect.com/schemas/brand-guide.v1.json","guide":{"name":"Diiirect brand guide","version":"2026","updated":"2026-06-08","url":"https://www.diiirect.com/brandguide","jsonUrl":"https://www.diiirect.com/brandguide.json","markdownUrl":"https://www.diiirect.com/brandguide.md","jsonPath":"/brandguide.json","markdownPath":"/brandguide.md","summary":"Logos, colors, typography, components, and usage principles for the Diiirect brand.","audience":["Internal teams","Partners","Press","Event collaborators","AI agents summarizing Diiirect"]},"assets":[{"name":"Primary wordmark","path":"/brand/diiirect-wordmark-lime.png","type":"transparent PNG","width":700,"height":200,"usage":"Default logo for most partner, press, and product contexts."},{"name":"Small wordmark","path":"/brand/diiirect-wordmark-lime-small.png","type":"transparent PNG","width":350,"height":100,"usage":"Clear-space examples and smaller surfaces."},{"name":"Compact mark","path":"/brand/diiirect-square.png","type":"transparent PNG","width":512,"height":512,"usage":"Square or constrained placements."},{"name":"Favicon","path":"/brand/diiirect-favicon.png","type":"transparent PNG","width":192,"height":192,"usage":"Browser and app icon contexts."},{"name":"Standalone mark","path":"/brand/diiirect-mark.png","type":"transparent PNG","width":512,"height":512,"usage":"Compact brand presence where the wordmark cannot fit."}],"sections":[{"id":"marks","label":"Marks","number":"01","group":"Foundation","summary":"Use the full wordmark by default. Compact marks are for square or constrained surfaces."},{"id":"color","label":"Color","number":"02","group":"Foundation","summary":"Cream and moss neutrals carry the system. Lime is a scarce signature signal."},{"id":"type","label":"Typography","number":"03","group":"Foundation","summary":"LT Soul Raela Pro sets an editorial, clear, and confident voice."},{"id":"components","label":"Components","number":"04","group":"Interface","summary":"Buttons, fields, and status chips stay compact and quiet until action is needed."},{"id":"compositions","label":"Compositions","number":"05","group":"Interface","summary":"Examples should feel like real product and marketing surfaces, not decorative cards."},{"id":"voice","label":"Voice","number":"06","group":"Usage","summary":"Copy should sound clear, selective, human, and direct."},{"id":"principles","label":"Principles","number":"07","group":"Usage","summary":"The system should feel calm before it feels styled."}],"colors":{"neutrals":[{"token":"--moss-50","value":"oklch(0.985 0.008 130)","label":"Cream","light":true},{"token":"--moss-100","value":"oklch(0.965 0.012 130)","label":"Surface","light":true},{"token":"--moss-200","value":"oklch(0.935 0.016 130)","label":"Card","light":true},{"token":"--moss-300","value":"oklch(0.880 0.022 132)","label":"Line","light":true},{"token":"--moss-400","value":"oklch(0.740 0.028 135)","label":"Icon","light":true},{"token":"--moss-500","value":"oklch(0.585 0.026 142)","label":"Meta","light":false},{"token":"--moss-600","value":"oklch(0.460 0.024 146)","label":"Muted","light":false},{"token":"--moss-700","value":"oklch(0.345 0.022 150)","label":"Body","light":false},{"token":"--moss-800","value":"oklch(0.245 0.020 152)","label":"Heading","light":false},{"token":"--moss-900","value":"oklch(0.165 0.020 154)","label":"Ink","light":false},{"token":"--moss-950","value":"oklch(0.105 0.018 154)","label":"Deep","light":false}],"support":[{"name":"Signature lime","token":"--accent","value":"oklch(0.94 0.27 128)","use":"One CTA, focus, status pips, dark-surface triads."},{"name":"Mint wash","token":"--mint-100","value":"oklch(0.930 0.075 138)","use":"Soft grouped surfaces and quiet AI hint states."},{"name":"Verified","token":"--ok","value":"oklch(0.58 0.16 148)","use":"Success, verified, pre-vetted, live."},{"name":"Warning","token":"--warn","value":"oklch(0.72 0.14 70)","use":"Pending, draft, needs attention."},{"name":"Error","token":"--err","value":"oklch(0.58 0.20 27)","use":"Destructive actions and failed validation."},{"name":"Information","token":"--info","value":"oklch(0.55 0.10 220)","use":"Signals and secondary informational states."}]},"typography":{"family":"LT Soul Raela Pro","displayWeight":500,"buttonWeight":600,"wordmarkWeight":700,"samples":[{"label":".t-display","role":"Display / 500","copy":"Hire direct."},{"label":".t-h2","role":"Heading / 500","copy":"The best work starts with a direct conversation."},{"label":".t-body","role":"Body / 400","copy":"Clear language, calm confidence, and enough space for the important details to land."},{"label":".t-meta","role":"Meta / mono","copy":"VETTED / AVAILABLE / DIRECT"}]},"voice":{"use":"Meet vetted senior operators already trusted by the teams hiring them.","avoid":"Unlock a revolutionary talent ecosystem powered by cutting-edge synergy.","voiceLine":"Clear. Selective. Human. Direct."},"rules":{"keep":["Cream is the base. White is reserved for elevated surfaces.","Forest is the ink. Avoid pure black in branded interfaces.","Lime is a signature, not a background system.","Headings stay calm at medium weight and in sentence case."],"avoid":["Flooding a hero or section with bright lime.","Using bold weight for every heading.","Adding glass, glow, or decorative gradient effects.","Writing loud, inflated, or generic SaaS copy."]},"snippets":{"reactImport":"import { Wordmark, ArrowTriad, Lockup } from \"@diiirect/ui\"","cssImport":"@import \"@diiirect/ui/styles/design-system.css\";","button":"<button className=\"btn btn--primary btn--md\">Primary action</button>","field":"<input className=\"contact-field__input\" placeholder=\"you@company.com\" />","status":"<span className=\"badge badge--ok\"><i /> Verified</span>","section":"<section className=\"section\"><div className=\"container\"><div className=\"section__head\"><div className=\"section__rule\">The platform</div><h2 className=\"section__title\">Hire the top 1%.</h2></div></div></section>"}}