One palette, one type stack, one mark. Used on drobya.com, hub.drobya.com and idnc.drobya.com. Assets in this folder are the source of truth — each site keeps a mirrored copy in its own repo.
The interlocked D·A monogram. The amber A is the single brand accent; the D is always bone-white. Stroke ratio is fixed — never resize the stroke independently of the artboard.
Use the
semantic tokens in page CSS (--bg, --fg,
--accent, --rule). Light/dark mode flips
surface and foreground; the amber accent never changes.
One-paragraph description with the body face. Hairline border, modest radius, hover tightens the border.
The mono uppercase title with the hairline rule extending to the right edge. Used at the top of every visual block to give the editorial spec-sheet feel.
<!doctype html> <html lang="en" data-theme="light"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Page · Drobya</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque..." rel="stylesheet"> <link rel="icon" type="image/svg+xml" href="/brand/favicon.svg"> <link rel="stylesheet" href="/brand/meridian.css"> </head> <body> <!-- your content --> </body> </html>
Full instructions and a longer style guide live in the
brand README.
Cross-site brand rules and update procedure are in the executive-assistant
wiki under systems/brand.md.
