app
Molecule Design Guide
Public Made by Adomby adom
How to design Molecules for the Adom Factory: the What-is-a-Molecule slide deck, the Molecule Design white paper (v1.0), and the working design guide with current machine pin and contact specs.
← Commit history
README.html+8−5@@ -33,10 +33,13 @@ .pagehead h1 { color:var(--text); font-size:33px; margin:6px 0 8px; letter-spacing:-.02em; } .sub { color:var(--muted); max-width:640px; } .rule { height:3px; width:64px; background:var(--accent); border-radius:2px; margin:16px 0 0; }- .tabs { display:flex; gap:6px; margin:22px 0 22px; border-bottom:1px solid var(--border); }- .tab { background:none; border:none; border-bottom:2px solid transparent; color:var(--muted);- font:600 14px/1 inherit; font-family:inherit; padding:10px 16px 12px; cursor:pointer; }- .tab:hover { color:var(--accent); }+ .tabs { display:flex; gap:12px; margin:24px 0 26px; }+ .tab { background:var(--surface); border:1.5px solid var(--border); border-radius:999px;+ color:var(--text); font:600 14.5px/1 inherit; font-family:inherit; padding:12px 26px;+ cursor:pointer; transition:border-color .15s, box-shadow .15s, color .15s; }+ .tab::before { content:"↓ "; color:var(--accent); font-weight:700; }+ .tab:hover { border-color:var(--accent); color:var(--accent);+ box-shadow:0 0 0 3px rgba(0,184,177,.15); } .meta { color:var(--muted); font-size:13px; margin:2px 0 12px; } .seealso { color:var(--muted); font-size:13px; background:var(--surface); border:1px solid var(--border); border-radius:8px; padding:8px 13px; margin:11px 0; }@@ -44,7 +47,7 @@ padding:12px; margin:16px 0 6px; text-align:center; } .fig img { max-width:100%; max-height:200px; width:auto; height:auto; border-radius:6px; } .fig img + img { margin-top:10px; }- .cols { columns:2; column-gap:30px; }+ .cols { columns:2; column-gap:36px; column-rule:1px solid var(--border); } .figfloat, .fig, .seealso, pre.code { break-inside:avoid; } .figfloat { margin:10px 0; } .figfloat .fig { margin:0; }