資料関連 / スライドの型
表紙（cover）
表紙。idea-600 地に白の大見出しと社名。フッターなし
元ファイルslides/layouts/cover.html
プレビュー
コード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>型：表紙（cover）</title>
<link rel="stylesheet" href="../../foundations/tokens.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet">
<style>body{margin:0;background:var(--rock-200);}</style>
</head>
<body>
<section style="position:relative;width:var(--slide-w);height:var(--slide-h);box-sizing:border-box;padding:var(--pad-top) var(--pad-x) var(--pad-bottom);background:var(--idea-600);color:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:var(--font-sans);">
<h1 style="margin:0;font-size:var(--fs-cover);font-weight:var(--fw-bold);line-height:var(--lh-heading);">〇〇〇〇<br>〇〇〇〇</h1>
<div style="margin-top:var(--pad-top);font-size:var(--fs-cover-sub);font-weight:var(--fw-bold);">株式会社ATOYOLO</div>
</section>
</body>
</html>