{ "brand": "Notioneers", "version": "3.1", "lastUpdated": "2026-08-01", "library_url": "https://brand.notioneers.net/", "api_url": "https://brand.notioneers.net/brand.json", "colors": { "greens": [ { "name": "Ease Alt", "hex": "#E1FFE3", "role": "Gradient end tone" }, { "name": "Ease", "hex": "#A0F5AE", "role": "Hero gradient, Backgrounds, Cards" }, { "name": "Bloom", "hex": "#71F08D", "role": "Backgrounds, Cards, Button text" }, { "name": "Pulse", "hex": "#07DC5B", "role": "Text highlight" }, { "name": "Depth", "hex": "#00340D", "role": "Main text, Buttons, Footer, Sections" }, { "name": "Shade", "hex": "#0B1E0F", "role": "Button hover, occasional large backgrounds" } ], "neutrals": [ { "name": "Halo", "hex": "#F2F4F2", "role": "App main background" }, { "name": "Mist", "hex": "#DEECDC", "role": "Backgrounds, Cards, Pills" }, { "name": "Veil", "hex": "#D1E2D1", "role": "Icon backgrounds, Cards stroke" }, { "name": "Sage", "hex": "#AFCAAF", "role": "Cards, Details" }, { "name": "Stone", "hex": "#5E6B5F", "role": "Secondary text" }, { "name": "Root", "hex": "#405143", "role": "Hint & help text (small text, AAA contrast)" }, { "name": "White", "hex": "#FFFFFF", "role": "Section & card backgrounds (Halo is the app bg, sections sit on White)" } ], "buttons": [ { "name": "Dark Depth", "text_color": "#71F08D", "states": { "default": "#00340D", "hover": "#0B1E0F", "active": "#07140A" } }, { "name": "Green Bloom", "text_color": "#00340D", "states": { "default": "#71F08D", "hover": "#5DD467", "active": "#49B841" } } ], "complementary": [ { "name": "Aeris", "category": "Blue", "steps": { "light": { "hex": "#C1E2F1", "use": "Status tag background" }, "base": { "hex": "#92D6F3", "use": "Main color — visual sets" }, "text": { "hex": "#0F5C75", "use": "Status tag text" } } }, { "name": "Nimbus", "category": "Purple", "steps": { "light": { "hex": "#DAD8FF", "use": "Status tag background" }, "base": { "hex": "#928EFF", "use": "Main color — visual sets" }, "text": { "hex": "#3938C2", "use": "Status tag text" } } }, { "name": "Muse", "category": "Purple / Pink", "steps": { "light": { "hex": "#F0D8FF", "use": "Status tag background" }, "base": { "hex": "#D7A0F0", "use": "Main color — visual sets" }, "text": { "hex": "#6A0DA5", "use": "Status tag text" } } }, { "name": "Coral", "category": "Red", "steps": { "light": { "hex": "#FFD2D2", "use": "Status tag background" }, "base": { "hex": "#E8A7A9", "use": "Main color — visual sets" }, "text": { "hex": "#8E1A14", "use": "Status tag text" } } }, { "name": "Solea", "category": "Yellow", "steps": { "light": { "hex": "#FFF4D0", "use": "Status tag background" }, "base": { "hex": "#FDE49A", "use": "Main color — visual sets" }, "text": { "hex": "#8C6A04", "use": "Status tag text" } } }, { "name": "Cove", "category": "Orange", "steps": { "light": { "hex": "#F5DBCB", "use": "Status tag background" }, "base": { "hex": "#F0B99C", "use": "Main color — visual sets" }, "text": { "hex": "#7A2C08", "use": "Status tag text" } } } ], "usage_logic": { "text_color_rule": "Text on coloured surfaces is always Depth (#00340D). Only if contrast is below WCAG-AA minimum (4.5:1), text switches to Halo (#F2F4F2).", "complementary_rule": "Green is the brand's default colour and always a valid choice. Complementary colours come into play when a piece is part of a visual set: social media carousels and sequences, portfolio sections, OS categories and the template marketplace, and Notion covers with multiple differentiated sections. A series of three or more similar elements benefits from alternative colours. Per colour, Base is the actual colour you use; Light and Text are used almost only for status tags." } }, "semantic": { "note": "Values reference primitive colour names from colors.greens / colors.neutrals. \"Name.step\" refers to a colors.complementary step. Raw #hex values are literal.", "bg/page": "Halo", "bg/surface": "White", "bg/surface-muted": "Mist", "bg/surface-strong": "Sage", "bg/surface-accent": "Ease", "bg/inverse": "Depth", "border/default": "Veil", "border/strong": "Sage", "icon/bg": "Veil", "text/primary": "Depth", "text/secondary": "Stone", "text/hint": "Root", "text/accent": "Pulse", "text/on-inverse": "Halo", "text/on-inverse-accent": "Bloom", "button/primary": { "bg": "Depth", "text": "Bloom", "hover": "Shade", "active": "#07140A" }, "button/secondary": { "bg": "Bloom", "text": "Depth", "hover": "#5DD467", "active": "#49B841" }, "tag/aeris": { "bg": "Aeris.light", "text": "Aeris.text" }, "tag/nimbus": { "bg": "Nimbus.light", "text": "Nimbus.text" }, "tag/muse": { "bg": "Muse.light", "text": "Muse.text" }, "tag/coral": { "bg": "Coral.light", "text": "Coral.text" }, "tag/solea": { "bg": "Solea.light", "text": "Solea.text" }, "tag/cove": { "bg": "Cove.light", "text": "Cove.text" } }, "typography": { "primary": { "family": "TWK Lausanne", "weights": [ { "weight": "300", "label": "Light" }, { "weight": "300Italic", "label": "Light Italic" }, { "weight": "400", "label": "Regular" }, { "weight": "400Italic", "label": "Regular Italic" }, { "weight": "600", "label": "SemiBold" }, { "weight": "600Italic", "label": "SemiBold Italic" } ], "usage": "Everything — headings, body, UI, labels, data", "downloads": { "woff2": [ "https://brand.notioneers.net/assets/fonts/TWKLausanne-300.woff2", "https://brand.notioneers.net/assets/fonts/TWKLausanne-300Italic.woff2", "https://brand.notioneers.net/assets/fonts/TWKLausanne-400.woff2", "https://brand.notioneers.net/assets/fonts/TWKLausanne-400Italic.woff2", "https://brand.notioneers.net/assets/fonts/TWKLausanne-600.woff2", "https://brand.notioneers.net/assets/fonts/TWKLausanne-600Italic.woff2" ] } }, "scale": [ { "label": "H1", "size_px": 48, "weight": 400, "sample": "Heading One" }, { "label": "H2", "size_px": 36, "weight": 400, "sample": "Heading Two" }, { "label": "H3", "size_px": 24, "weight": 400, "sample": "Heading Three" }, { "label": "H4", "size_px": 20, "weight": 400, "sample": "Heading Four" }, { "label": "Body", "size_px": 16, "weight": 300, "sample": "Systems that empower, not restrict." }, { "label": "Small", "size_px": 14, "weight": 300, "sample": "Secondary text and supplementary information." }, { "label": "Caption", "size_px": 12, "weight": 300, "sample": "Labels, Timestamps, Help text" } ], "rules": [ "TWK Lausanne is the only typeface — used for everything, including labels, tags and data", "Headings (H1–H4) use weight 400", "Body text and labels use weight 300", "Bold (600) only for emphasis within body text — never in headings", "Always set -webkit-font-smoothing: antialiased and -moz-osx-font-smoothing: grayscale on body" ] }, "logos": { "wordmark": { "bloom": { "description": "Bloom wordmark", "svg": "https://brand.notioneers.net/assets/img/logos/Notioneers-Bloom-Transparent.svg", "svg_with_margin": "https://brand.notioneers.net/assets/img/logos/Notioneers-Bloom-Border.svg" }, "depth": { "description": "Depth wordmark", "svg": "https://brand.notioneers.net/assets/img/logos/Notioneers-Depth-Transparent.svg", "svg_with_margin": "https://brand.notioneers.net/assets/img/logos/Notioneers-Depth-Border.svg" } }, "n_mark": { "variants": [ { "name": "N-bloom", "fill": "#71F08D", "bg": "none", "shape": "none" }, { "name": "N-bloom-bg", "fill": "#00340D", "bg": "#71F08D", "shape": "rect" }, { "name": "N-bloom-circle", "fill": "#00340D", "bg": "#71F08D", "shape": "circle" }, { "name": "N-bloom-bubble", "fill": "#00340D", "bg": "#71F08D", "shape": "bubble" }, { "name": "N-depth", "fill": "#00340D", "bg": "none", "shape": "none" }, { "name": "N-depth-bg", "fill": "#71F08D", "bg": "#00340D", "shape": "rect" }, { "name": "N-depth-circle", "fill": "#71F08D", "bg": "#00340D", "shape": "circle" }, { "name": "N-depth-bubble", "fill": "#71F08D", "bg": "#00340D", "shape": "bubble" } ], "complementary_colors": [ { "name": "N-Mark-Aeris", "circle_hex": "#92D6F3", "fill": "#00340D" }, { "name": "N-Mark-Nimbus", "circle_hex": "#928EFF", "fill": "#00340D" }, { "name": "N-Mark-Muse", "circle_hex": "#D7A0F0", "fill": "#00340D" }, { "name": "N-Mark-Coral", "circle_hex": "#E8A7A9", "fill": "#00340D" }, { "name": "N-Mark-Solea", "circle_hex": "#FDE49A", "fill": "#00340D" }, { "name": "N-Mark-Cove", "circle_hex": "#F0B99C", "fill": "#00340D" } ] }, "n_path_data": "M298.668 376.942C281.467 376.942 265.877 365.295 260.445 354.805C247.558 329.952 257.013 296.747 279.248 227.495C233.485 274.003 200.416 319.738 168.672 363.475L158.554 376.942L100 367.031C101.144 360.939 103.584 348.037 105.858 337.037C114.087 297.326 137.189 203.373 165.639 132L216.378 152.235C204.358 182.367 192.876 218.426 183.159 252.679C211.278 218.536 243.85 183.373 286.015 145.646L293.789 138.685H364.611L353.598 174.11C347.161 194.814 341.11 213.615 335.637 230.583C325.065 263.403 314.217 297.064 310.51 316.623C329.118 300 345.631 280.688 383.896 222.23L428.059 239.846C404.722 281.57 380.229 319.09 359.167 343.585C350.111 354.116 326.636 376.956 298.668 376.956V376.942Z" }, "voice": { "purpose": "We guide companies to their full potential with efficient systems, eliminate obstacles, and increase productivity.", "tonality": [ { "title": "Honesty & Transparency", "description": "We avoid exaggerations and communicate realistic goals and expectations." }, { "title": "Clarity & Precision", "description": "We communicate directly and understandably to enable quick decisions." }, { "title": "Practical Solutions", "description": "We offer realistic solutions and demonstrate expertise with a down-to-earth approach." }, { "title": "Trust & Security", "description": "We demonstrate professionalism and build trust through competence." }, { "title": "Adaptability", "description": "Supportive in growth, solution-oriented in challenges." } ], "brand_pillars": [ { "title": "Empowering Structure", "description": "Well-designed systems don't restrict, they empower. We create structures that enable companies to work with greater clarity and agility." }, { "title": "Expert Partners", "description": "We get involved in every company with a close and practical approach to create solutions that truly transform." }, { "title": "Effortless Efficiency", "description": "True efficiency comes from clarity. We simplify processes and remove obstacles so companies can work in flow." } ], "keywords": { "priority_1": [ "Efficient", "Expert", "Honest", "Empathy", "Passionate", "Human" ], "priority_2": [ "Enthusiastic", "Quality", "Understanding", "Professional", "Reliable", "Friendly", "Fun" ], "priority_3": [ "Cool", "Nerd", "Flexible", "Loyal", "Smart", "Creative", "Curious" ] } } }