{
"id": "linear-inspired",
"name": "Linear Inspired",
"version": "1.0",
"tagline": "Terse, confident, momentum-led. Dark-first.",
"description": "An inspired-by interpretation of Linear's product-engineering aesthetic: layered grayscale on near-black, tight Inter Variable, mono shortcut chips, and a single restrained accent at a time.",
"inspired_by": { "name": "Linear", "url": "https://linear.app" },
"vibe_tags": ["minimal", "sharp", "monochrome", "dark-first", "productivity", "engineering"],
"domain_hint": "productivity / project management for engineering",
"identity": {
"logomark": { "shape": "geometric-mark", "description": "Squared rounded chip-style Linear icon, monochrome" },
"wordmark": { "text": "Linear", "case": "title", "weight": 590, "custom_set": true }
},
"voice": {
"principles": ["Terse, technical, opinionated", "Calm-precise, momentum-oriented", "Third-person product-fact in changelogs"],
"avoid": ["marketing fluff", "exclamation marks", "hype adjectives"],
"sample_headlines": [
"The product development system for teams and agents.",
"Purpose-built for planning and building products.",
"A new species of product tool.",
"Make product operations self-driving.",
"Built for the future. Available today."
],
"sample_lead": "Linear is shaped by the practices and principles of world-class product teams. Reduces noise and restores momentum to help teams ship with high velocity and focus.",
"sample_metrics": [["Product teams on Linear", "25,000+", null], ["Section labels", "FIG 0.2 · 1.0 Intake · ENG-2703", null]],
"sample_code_lang": "typescript",
"sample_code": "export const HomeScreen = () => {\n const { vehicleState, syncStatus } = useVehicleState()\n if (syncStatus === SyncStatus.PENDING) {\n return \n }\n return \n}",
"sample_changelog": "Fixed an issue where filter pills would not persist across cycles.\nAdded keyboard shortcut for cycle navigation."
},
"design_principles": [
"Dark-first canvas, layered grayscale for depth.",
"Sharp corners (6px default), compact density (4px base).",
"One restrained accent at a time.",
"Mono for shortcuts, IDs, numeric callouts."
],
"color": {
"primary": {
"name": "indigo",
"hex": "#5E6AD2",
"alt_accent": "#E4F222",
"default_step": "500",
"notes": "Brand Indigo (Aether Blue) for CTA; current homepage foregrounds Neon Lime #E4F222 for primary actions."
},
"neutrals": {
"canvas": "#08090A",
"card": "#0F1011",
"elevated": "#161718",
"border": "#23252A",
"input_border": "#383B3F",
"text_tertiary": "#62666D",
"text_secondary": "#8A8F98",
"porcelain": "#F7F8F8",
"mercury": "#F4F5F8"
},
"semantic": {
"success": "#27A644",
"success_dark": "#008D2C",
"danger": "#EB5757",
"info": "#02B8CC",
"warning": null
},
"category_accents": {
"indigo": "#5E6AD2",
"violet": "#6366F1",
"amethyst": "#8B5CF6",
"cyan": "#02B8CC",
"lime": "#E4F222"
},
"page_bg_token": "neutrals.canvas",
"card_bg_token": "neutrals.card",
"body_text_token": "neutrals.porcelain",
"muted_text_token": "neutrals.text_secondary",
"mode": "dark-first"
},
"typography": {
"fonts": {
"sans": {
"family": "Inter Variable",
"fallback": "Inter, system-ui, -apple-system, sans-serif",
"google": true,
"weights": [300, 400, 510, 590],
"opentype_features": ["cv01", "ss03"],
"letter_spacing_notes": "Tight: -0.22px display, -0.13px body, -0.11px UI"
},
"mono": {
"family": "Berkeley Mono",
"fallback": "IBM Plex Mono, ui-monospace, monospace",
"license": "commercial",
"open_alternative": "IBM Plex Mono"
}
},
"scale": {
"display": { "size_px": 72, "line": 1.00, "tracking": "-0.022em", "weight": 590 },
"heading_lg": { "size_px": 48, "line": 1.20, "tracking": "-0.018em", "weight": 590 },
"heading": { "size_px": 24, "line": 1.33, "tracking": "-0.013em", "weight": 510 },
"body_lg": { "size_px": 16, "line": 1.40, "tracking": "-0.011em", "weight": 400 },
"body": { "size_px": 14, "line": 1.40, "tracking": "-0.011em", "weight": 400 },
"ui": { "size_px": 13, "line": 1.40, "tracking": "-0.011em", "weight": 400 },
"caption": { "size_px": 10, "line": 1.40, "tracking": "0", "weight": 400 },
"mono": { "size_px": 12, "line": 1.40, "tracking": "0", "weight": 500, "font": "mono" }
}
},
"tokens": {
"spacing_px": [4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 48, 56, 64, 80, 96, 128],
"radius_px": { "tag": 2, "badge": 4, "default": 6, "lg": 12, "2xl": 16, "pill": 9999 },
"shadow": {
"sm": "rgba(0,0,0,0.4) 0 2px 4px 0",
"xl": "rgba(8,9,10,0.6) 0 4px 32px 0",
"subtle_border_inset": "rgb(35,37,42) 0 0 0 1px inset"
},
"motion": { "duration_ms": { "fast": 120, "base": 180 }, "easing": "cubic-bezier(0.4, 0, 0.2, 1)", "notes": "Linear is known for synchronous/instant feel; durations short by default" }
},
"components": {
"button": {
"variants": {
"primary_indigo": { "bg": "primary.500", "fg": "white", "radius": "default", "weight": 590, "text_px": 15 },
"primary_lime": { "bg": "lime", "fg": "canvas", "radius": "default", "weight": 590, "text_px": 15 }
},
"sizes": { "md": { "px": 24, "py": 12 } }
},
"input": { "bg": "transparent", "border": "border", "border_width": 1, "radius": "default", "focus": "1px inset accent" },
"card": { "bg": "card", "border_inset": "border", "radius": "default", "shadow": "sm" },
"shortcut_chip": { "font": "mono", "text_px": 12, "radius_px": 3, "bg": "input_border", "fg": "porcelain", "example": "⌘F" }
},
"do": [
"Use the dark canvas as the default; layer surfaces for depth.",
"Use ticket-style IDs and numbered section labels as decorative motifs.",
"Reserve mono for shortcuts, IDs, code, and section numbers."
],
"dont": [
"Don't soften the corners — sharp 6px is the brand.",
"Don't add gradients or marketing illustrations to the product surface.",
"Don't stack accents — one at a time."
],
"provenance": {
"scanned_from": [
"https://linear.app/brand",
"https://linear.app/",
"https://linear.app/changelog",
"https://styles.refero.design/style/90ce5883-bb24-4466-93f7-801cd617b0d1",
"https://www.type.fan/site/linear-app",
"https://typ.io/s/2jmp"
],
"scanned_at": "2026-05-25",
"confidence": "high",
"notes": "Brand page confirms wordmark, palette names. Theme-color meta confirms canvas hex. Berkeley Mono is commercially licensed — ship IBM Plex Mono fallback. Motion tokens not officially documented."
}
}