78 lines
No EOL
5.9 KiB
HTML
78 lines
No EOL
5.9 KiB
HTML
<style>
|
|
.wrap { display: flex; flex-direction: column; gap: 24px; padding: 1rem 0; }
|
|
.label { font-size: 11px; font-weight: 500; color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
|
|
.spread { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
|
|
.page { border: 0.5px solid var(--color-border-secondary); border-radius: 4px; overflow: hidden; }
|
|
</style>
|
|
|
|
<div class="wrap">
|
|
|
|
<div>
|
|
<div class="label">Cover — dark navy with red + blue brand</div>
|
|
<div class="spread">
|
|
<div class="page">
|
|
<svg viewBox="0 0 280 360" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="280" height="360" fill="#1a2535"/>
|
|
<rect x="0" y="0" width="5" height="360" fill="#b31c1c"/>
|
|
<image href="/mnt/user-data/uploads/ISO27DIY_LOGO_rgb_white.jpg" x="20" y="22" width="52" height="52"/>
|
|
<text x="24" y="136" font-family="system-ui,sans-serif" font-size="30" fill="white" font-weight="700">ISO 27001</text>
|
|
<text x="24" y="166" font-family="system-ui,sans-serif" font-size="30" fill="white" font-weight="700">Certification</text>
|
|
<text x="24" y="196" font-family="system-ui,sans-serif" font-size="30" fill="white" font-weight="700">Guide</text>
|
|
<rect x="24" y="210" width="56" height="3" fill="#2d8fd4"/>
|
|
<text x="24" y="234" font-family="system-ui,sans-serif" font-size="11" fill="#8ba0b8">A practical roadmap for small</text>
|
|
<text x="24" y="250" font-family="system-ui,sans-serif" font-size="11" fill="#8ba0b8">and mid-sized companies</text>
|
|
<text x="24" y="338" font-family="system-ui,sans-serif" font-size="9" fill="#4a6070">iso27diy.com</text>
|
|
</svg>
|
|
</div>
|
|
<div class="page">
|
|
<svg viewBox="0 0 280 360" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="280" height="360" fill="#ffffff"/>
|
|
<rect x="0" y="0" width="280" height="36" fill="#1a2535"/>
|
|
<text x="16" y="22" font-family="system-ui,sans-serif" font-size="8.5" fill="#8ba0b8">ISO 27001 Certification Guide</text>
|
|
<text x="264" y="22" font-family="system-ui,sans-serif" font-size="8.5" fill="#2d8fd4" text-anchor="end">12</text>
|
|
<text x="20" y="66" font-family="system-ui,sans-serif" font-size="8" fill="#b31c1c" letter-spacing="1.8" font-weight="700">STEP 3</text>
|
|
<text x="16" y="90" font-family="system-ui,sans-serif" font-size="22" fill="#1a2535" font-weight="700">Assign</text>
|
|
<text x="16" y="114" font-family="system-ui,sans-serif" font-size="22" fill="#1a2535" font-weight="700">Responsibilities</text>
|
|
<rect x="16" y="122" width="248" height="0.5" fill="#dde3ea"/>
|
|
<rect x="16" y="138" width="3" height="66" fill="#2d8fd4"/>
|
|
<rect x="16" y="138" width="248" height="66" fill="#eef4fb"/>
|
|
<text x="26" y="155" font-family="system-ui,sans-serif" font-size="8.5" fill="#185fa5" font-weight="700">Auditor will ask</text>
|
|
<text x="26" y="169" font-family="system-ui,sans-serif" font-size="8.5" fill="#1a2535">Document who is responsible for</text>
|
|
<text x="26" y="182" font-family="system-ui,sans-serif" font-size="8.5" fill="#1a2535">what. Capture this in a RASCI matrix</text>
|
|
<text x="26" y="195" font-family="system-ui,sans-serif" font-size="8.5" fill="#1a2535">before the audit.</text>
|
|
<text x="16" y="222" font-family="system-ui,sans-serif" font-size="8.5" fill="#333">A functioning ISMS requires clarity about</text>
|
|
<text x="16" y="236" font-family="system-ui,sans-serif" font-size="8.5" fill="#333">who is responsible for what, and who</text>
|
|
<text x="16" y="250" font-family="system-ui,sans-serif" font-size="8.5" fill="#333">makes which decisions. ISO 27001 names</text>
|
|
<text x="16" y="264" font-family="system-ui,sans-serif" font-size="8.5" fill="#333">three roles explicitly.</text>
|
|
<rect x="16" y="278" width="248" height="0.5" fill="#dde3ea"/>
|
|
<rect x="16" y="288" width="4" height="4" rx="1" fill="#b31c1c"/>
|
|
<text x="26" y="294" font-family="system-ui,sans-serif" font-size="8.5" fill="#1a2535" font-weight="600">Top management</text>
|
|
<text x="26" y="306" font-family="system-ui,sans-serif" font-size="8.5" fill="#555">Responsible for policy. Liability cannot be delegated.</text>
|
|
<rect x="16" y="316" width="4" height="4" rx="1" fill="#b31c1c"/>
|
|
<text x="26" y="322" font-family="system-ui,sans-serif" font-size="8.5" fill="#1a2535" font-weight="600">Risk owners</text>
|
|
<text x="26" y="334" font-family="system-ui,sans-serif" font-size="8.5" fill="#555">Business managers whose objectives are at stake.</text>
|
|
<text x="140" y="352" font-family="system-ui,sans-serif" font-size="9" fill="#2d8fd4" text-anchor="middle">· · ·</text>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="label">Chapter opener page</div>
|
|
<div style="max-width: 50%; padding-right: 8px;">
|
|
<div class="page">
|
|
<svg viewBox="0 0 280 360" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="280" height="360" fill="#1a2535"/>
|
|
<text x="24" y="80" font-family="system-ui,sans-serif" font-size="9" fill="#2d8fd4" letter-spacing="2" font-weight="600">CHAPTER 2</text>
|
|
<text x="24" y="120" font-family="system-ui,sans-serif" font-size="26" fill="white" font-weight="700">Risk</text>
|
|
<text x="24" y="150" font-family="system-ui,sans-serif" font-size="26" fill="white" font-weight="700">Management</text>
|
|
<rect x="24" y="166" width="44" height="3" fill="#b31c1c"/>
|
|
<text x="24" y="194" font-family="system-ui,sans-serif" font-size="10" fill="#8ba0b8">Understanding your exposure</text>
|
|
<text x="24" y="210" font-family="system-ui,sans-serif" font-size="10" fill="#8ba0b8">before you build controls.</text>
|
|
<text x="24" y="344" font-family="system-ui,sans-serif" font-size="8" fill="#4a6070">iso27diy.com</text>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |