Brand Guidelines Book

Made with AI

Model: Generated via Popcorn Editor

“Design a 6-artboard brand guidelines book, 297×210 mm A4 landscape, 300dpi, colorMode cmyk, bleed 3, for an invented design office OKTA / Okta Studio (never a real brand). Core swatches: signal Signal Blue cmyk [92,76,0,0], ink cmyk [0,0,0,92], chalk cmyk [0,0,0,2]; plus sky cmyk [48,20,0,0] and slate cmyk [40,28,24,40] (shown on the palette page). Fonts: Archivo Black (display), Inter (body/specimen), IBM Plex Mono (labels/folios). Define styles.masters[] with ONE master key 'inner-page' (width 297, height 210, background chalk) whose furniture is: a signal 6×6 tick (20,12) + 'OKTA' wordmark (IBM Plex Mono bold 11, letterSpacing 3, ink, 30,10); a header hairline line (x 20→277, y 16, ink alpha 0.2); a footer hairline (x 20→277, y 194, ink alpha 0.2); footer label 'BRAND GUIDELINES' (IBM Plex Mono 8, ink alpha 0.6, x 20, y 198) and a right-aligned folio '{{page}} / 06' (IBM Plex Mono 8, ink alpha 0.6, x 237, y 198, w 40). Author incrementally: one artboard per Edit, re-run `templates:validate --compile` after each. Board 1 'Cover' (background signal, NO masterRef): full-bleed signal rect (−3,−3,303,216); 'OKTA' (Archivo Black 110, chalk, x 24, y 66, w 250, h 60); a 60×0.5 sky rule (26,132); subtitle 'BRAND GUIDELINES' (IBM Plex Mono 14, letterSpacing 4, chalk alpha 0.9, x 26, y 140, w 200); 'EDITION 01 · 2027' (IBM Plex Mono 10, chalk alpha 0.8, x 26, y 158); two chalk corner-bracket rects top-right (a 20×2 and a 2×20 at ~262,16). Board 2 'Logo & clearspace' (masterRef 'inner-page', width 297 height 210): label '01 — LOGO' (IBM Plex Mono 10, letterSpacing 1.2, case upper, signal, x 20, y 30); 'OKTA' (Archivo Black 54, ink, x 40, y 80, w 120, h 24); a dashed signal clearspace rect (x 28, y 64, w 144, h 54, no fill, stroke signal 0.4 dash [2,2]); a signal 40×40 monogram square at (200,64) with reversed chalk 'O' (Archivo Black 30, chalk, centered); a caption (Inter 11, ink alpha 0.8, x 200, y 112, w 77) 'Clearspace = 1× the cap height on all sides.'. Board 3 'Color' (masterRef): label '02 — COLOR'; five chips width 45 gutter 8 height 70 top y 56 at x 20, 73, 126, 179, 232 — fills signal, ink, chalk (add 0.3 ink border), sky, slate; under each a name (IBM Plex Mono 9, ink, y 130) and value (IBM Plex Mono 8, ink alpha 0.8, y 136): 'SIGNAL BLUE / C92 M76 Y0 K0', 'INK / C0 M0 Y0 K92', 'CHALK / C0 M0 Y0 K2', 'SKY / C48 M20 Y0 K0', 'SLATE / C40 M28 Y24 K40'. Board 4 'Typography' (masterRef): label '03 — TYPE'; ladder — 'Aa' (Archivo Black 96, ink, x 20, y 40) + label 'DISPLAY · ARCHIVO BLACK · 96' (IBM Plex Mono 9, signal, y 92); 'Headline' (Inter 48, ink, x 20, y 100); 'Subhead' (Inter 28, ink alpha 0.85, x 20, y 128); a body paragraph (Inter 12, lineHeight 1.35, ink alpha 0.85, x 20, y 150, w 170) of invented copy + label 'BODY · INTER · 12/16' (IBM Plex Mono 9, signal, x 200, y 150); 'LABEL / CAPTION' (IBM Plex Mono 9, ink, x 20, y 176). Board 5 'Pattern' (masterRef): label '04 — PATTERN'; 18 tiles 40×40, gutter 3.4, columns x 20 / 63.4 / 106.8 / 150.2 / 193.6 / 237, rows y 56 / 99.4 / 142.8. For each tile compute parity p=(row+col)%2: if p==0 → a signal 40×40 square + a chalk 20×20 ellipse at the tile's top-right corner; if p==1 → a chalk 40×40 square with a signal 0.3 border + a signal diagonal line corner-to-corner + a 3 mm ink ellipse dot centered. Name tiles 'Pattern tile r{row}c{col}'. Caption (Inter 11, ink alpha 0.8) below the grid. Board 6 'Iconography & applications' (masterRef): label '05 — ICONS'; six 36×36 icon cells at x 20 / 64.2 / 108.4 / 152.6 / 196.8 / 241, top y 50, each built from rect/ellipse/line/path in ink — (1) pin: ellipse + small triangle path; (2) mail: rect + V line; (3) clock: ellipse + two line hands; (4) grid: four small squares; (5) arrow: line + chevron path; (6) layers: three offset rects. Below, an applications strip at y 130 — three mockup rects (business card, tote, sign) each ~70×46 carrying a small signal OKTA mark, with IBM Plex Mono captions. Name every element/group specifically. Re-validate with `templates:validate --compile` after this final board.”