Brand
Guidelines for using the Rubric brand
About us
Rubric is a digital agency building AI-first software. Over the past decade of building and scaling products as founders, we have built a framework that prioritizes simple, fast and scalable solutions to complex problems, with empathy for the people who use them. In weeks, we can deliver a show-stopping feature set, product or pivot. If you have an idea, project or problem, drop us a line.
Name
Website
Email
Logo + wordmark
- The Rubric logo exists in a 5×5 pixel grid.
- The Rubric wordmark exists in a 22×9 pixel grid.
- If exported as raster, use the provided 1000×1000 logo or 4400×1800 wordmark files so the grid stays crisp.
Tip: right-click the logo in the nav to copy or download these from anywhere on the site.
Logo · black
Logo · white
Wordmark · black
Wordmark · white
Brand colors
Typography
Footer endorsement
Add a short credit, e.g. “Made by”, followed by the wordmark. Keep the text and mark aligned, with enough space for the wordmark to read at small sizes.
Made by
export function Footer() {
return (
<footer style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
<span>Made by</span>
<RubricWordmark style={{ display: 'block', width: 64, height: 'auto' }} />
</footer>
)
}
function RubricWordmark(props) {
return (
<svg viewBox="300 295.2 1576.7 307.6"
role="img" aria-label="Rubric" fill="currentColor" {...props}>
<path d="M1777.9 602.8C1756.3 602.8 1736.84 597.867 1719.5 588C1702.44 577.867 1688.97 564.267 1679.1 547.2C1669.24 529.867 1664.3 510.4 1664.3 488.8C1664.3 467.2 1669.24 447.867 1679.1 430.8C1688.97 413.733 1702.44 400.267 1719.5 390.4C1736.84 380.533 1756.3 375.6 1777.9 375.6C1793.37 375.6 1807.77 378.4 1821.1 384C1834.44 389.333 1845.9 396.8 1855.5 406.4C1865.37 415.733 1872.44 426.933 1876.7 440L1830.7 460C1826.7 449.067 1819.9 440.267 1810.3 433.6C1800.97 426.933 1790.17 423.6 1777.9 423.6C1766.44 423.6 1756.17 426.4 1747.1 432C1738.3 437.6 1731.37 445.333 1726.3 455.2C1721.24 465.067 1718.7 476.4 1718.7 489.2C1718.7 502 1721.24 513.333 1726.3 523.2C1731.37 533.067 1738.3 540.8 1747.1 546.4C1756.17 552 1766.44 554.8 1777.9 554.8C1790.44 554.8 1801.37 551.467 1810.7 544.8C1820.04 538.133 1826.7 529.2 1830.7 518L1876.7 538.8C1872.44 551.067 1865.5 562.133 1855.9 572C1846.3 581.6 1834.84 589.2 1821.5 594.8C1808.17 600.133 1793.64 602.8 1777.9 602.8Z M1588.32 598V380.4H1640.72V598H1588.32ZM1588.32 356V300H1640.72V356H1588.32Z M1446.71 598V380.4H1495.91V428.8L1491.91 421.6C1496.98 405.333 1504.85 394 1515.51 387.6C1526.45 381.2 1539.51 378 1554.71 378H1567.51V424.4H1548.71C1533.78 424.4 1521.78 429.067 1512.71 438.4C1503.65 447.467 1499.11 460.267 1499.11 476.8V598H1446.71Z M1312.76 602.8C1297.03 602.8 1282.5 599.733 1269.16 593.6C1256.1 587.2 1245.7 578.133 1237.96 566.4L1243.16 556V598H1193.96V295.2H1246.36V423.6L1238.36 412.8C1245.83 401.067 1255.96 392 1268.76 385.6C1281.56 378.933 1296.36 375.6 1313.16 375.6C1333.7 375.6 1352.23 380.667 1368.76 390.8C1385.3 400.933 1398.36 414.533 1407.96 431.6C1417.83 448.667 1422.76 467.867 1422.76 489.2C1422.76 510.267 1417.96 529.467 1408.36 546.8C1398.76 564.133 1385.7 577.867 1369.16 588C1352.63 597.867 1333.83 602.8 1312.76 602.8ZM1306.76 554.8C1318.76 554.8 1329.43 552 1338.76 546.4C1348.1 540.8 1355.3 533.067 1360.36 523.2C1365.7 513.333 1368.36 502 1368.36 489.2C1368.36 476.4 1365.7 465.2 1360.36 455.6C1355.3 445.733 1348.1 438 1338.76 432.4C1329.43 426.533 1318.76 423.6 1306.76 423.6C1295.3 423.6 1284.9 426.4 1275.56 432C1266.5 437.6 1259.3 445.467 1253.96 455.6C1248.9 465.467 1246.36 476.667 1246.36 489.2C1246.36 502 1248.9 513.333 1253.96 523.2C1259.3 533.067 1266.5 540.8 1275.56 546.4C1284.9 552 1295.3 554.8 1306.76 554.8Z M1050.45 602.8C1033.65 602.8 1018.99 599.067 1006.45 591.6C994.186 584.133 984.72 573.733 978.053 560.4C971.653 547.067 968.453 531.467 968.453 513.6V380.4H1020.85V509.2C1020.85 518.267 1022.59 526.267 1026.05 533.2C1029.79 539.867 1034.99 545.2 1041.65 549.2C1048.59 552.933 1056.32 554.8 1064.85 554.8C1073.39 554.8 1080.99 552.933 1087.65 549.2C1094.32 545.2 1099.52 539.733 1103.25 532.8C1106.99 525.867 1108.85 517.6 1108.85 508V380.4H1161.25V598H1111.65V555.2L1116.05 562.8C1110.99 576.133 1102.59 586.133 1090.85 592.8C1079.39 599.467 1065.92 602.8 1050.45 602.8Z M728.8 598V300H839.6C859.867 300 877.733 303.733 893.2 311.2C908.933 318.4 921.2 329.067 930 343.2C938.8 357.067 943.2 374 943.2 394C943.2 414.533 938.267 432 928.4 446.4C918.8 460.8 905.733 471.467 889.2 478.4L957.6 598H896L822.8 467.2L858 488H783.2V598H728.8ZM783.2 440H840.4C850.267 440 858.8 438.133 866 434.4C873.2 430.4 878.8 424.933 882.8 418C886.8 411.067 888.8 403.067 888.8 394C888.8 384.667 886.8 376.667 882.8 370C878.8 363.067 873.2 357.733 866 354C858.8 350 850.267 348 840.4 348H783.2V440Z M300 600V300H400V400H500V300H600V400H500V500H400V600H300Z" />
</svg>
)
}Collaboration lockups
For wordmarks, start by matching the first letter’s height to Rubric’s R. For logos, start by matching the width to the Rubric symbol, not the full wordmark. Then adjust by eye. Keep the × centered.
Match letter height
Match the height of Arc’s A to Rubric’s R. Don’t shrink the wordmark below that starting point.
Do
Don’t
Match symbol width
Match Pine’s width to the Rubric symbol. Don’t size it against the full Rubric wordmark.
Do
Don’t
Balance optically
Use a size between equal height and equal width when needed.
Do
Don’t
// PartnerLogo should forward style and use a tightly cropped viewBox.
const sizes = {
// Pine: compare with the 300-unit symbol inside the Rubric wordmark.
width: { partner: { width: 24 }, rubric: { width: 24 * 1576.7 / 300 } },
// Arc's A is about 19.674 units tall in its 26.25-unit viewBox.
// Match a 24px cap height, then center the letters (not the arch).
height: {
partner: { height: 24 * 26.25 / 19.674, transform: 'translateY(-2.8px)' },
rubric: { height: 24 * 307.6 / 298 },
},
optical: { partner: { width: 104 }, rubric: { width: 120 } },
}
export function Collaboration({ PartnerLogo, balance = 'optical' }) {
const size = sizes[balance]
return (
<div style={{ display: 'grid', gridTemplateColumns: '1fr 32px 1fr',
alignItems: 'center', gap: 8 }}>
<div style={{ display: 'flex', justifyContent: 'flex-end' }}>
<PartnerLogo style={size.partner} />
</div>
<span aria-label="in collaboration with" style={{ textAlign: 'center' }}>×</span>
<RubricWordmark style={size.rubric} />
</div>
)
}
function RubricWordmark(props) {
return (
<svg viewBox="300 295.2 1576.7 307.6"
role="img" aria-label="Rubric" fill="currentColor" {...props}>
<path d="M1777.9 602.8C1756.3 602.8 1736.84 597.867 1719.5 588C1702.44 577.867 1688.97 564.267 1679.1 547.2C1669.24 529.867 1664.3 510.4 1664.3 488.8C1664.3 467.2 1669.24 447.867 1679.1 430.8C1688.97 413.733 1702.44 400.267 1719.5 390.4C1736.84 380.533 1756.3 375.6 1777.9 375.6C1793.37 375.6 1807.77 378.4 1821.1 384C1834.44 389.333 1845.9 396.8 1855.5 406.4C1865.37 415.733 1872.44 426.933 1876.7 440L1830.7 460C1826.7 449.067 1819.9 440.267 1810.3 433.6C1800.97 426.933 1790.17 423.6 1777.9 423.6C1766.44 423.6 1756.17 426.4 1747.1 432C1738.3 437.6 1731.37 445.333 1726.3 455.2C1721.24 465.067 1718.7 476.4 1718.7 489.2C1718.7 502 1721.24 513.333 1726.3 523.2C1731.37 533.067 1738.3 540.8 1747.1 546.4C1756.17 552 1766.44 554.8 1777.9 554.8C1790.44 554.8 1801.37 551.467 1810.7 544.8C1820.04 538.133 1826.7 529.2 1830.7 518L1876.7 538.8C1872.44 551.067 1865.5 562.133 1855.9 572C1846.3 581.6 1834.84 589.2 1821.5 594.8C1808.17 600.133 1793.64 602.8 1777.9 602.8Z M1588.32 598V380.4H1640.72V598H1588.32ZM1588.32 356V300H1640.72V356H1588.32Z M1446.71 598V380.4H1495.91V428.8L1491.91 421.6C1496.98 405.333 1504.85 394 1515.51 387.6C1526.45 381.2 1539.51 378 1554.71 378H1567.51V424.4H1548.71C1533.78 424.4 1521.78 429.067 1512.71 438.4C1503.65 447.467 1499.11 460.267 1499.11 476.8V598H1446.71Z M1312.76 602.8C1297.03 602.8 1282.5 599.733 1269.16 593.6C1256.1 587.2 1245.7 578.133 1237.96 566.4L1243.16 556V598H1193.96V295.2H1246.36V423.6L1238.36 412.8C1245.83 401.067 1255.96 392 1268.76 385.6C1281.56 378.933 1296.36 375.6 1313.16 375.6C1333.7 375.6 1352.23 380.667 1368.76 390.8C1385.3 400.933 1398.36 414.533 1407.96 431.6C1417.83 448.667 1422.76 467.867 1422.76 489.2C1422.76 510.267 1417.96 529.467 1408.36 546.8C1398.76 564.133 1385.7 577.867 1369.16 588C1352.63 597.867 1333.83 602.8 1312.76 602.8ZM1306.76 554.8C1318.76 554.8 1329.43 552 1338.76 546.4C1348.1 540.8 1355.3 533.067 1360.36 523.2C1365.7 513.333 1368.36 502 1368.36 489.2C1368.36 476.4 1365.7 465.2 1360.36 455.6C1355.3 445.733 1348.1 438 1338.76 432.4C1329.43 426.533 1318.76 423.6 1306.76 423.6C1295.3 423.6 1284.9 426.4 1275.56 432C1266.5 437.6 1259.3 445.467 1253.96 455.6C1248.9 465.467 1246.36 476.667 1246.36 489.2C1246.36 502 1248.9 513.333 1253.96 523.2C1259.3 533.067 1266.5 540.8 1275.56 546.4C1284.9 552 1295.3 554.8 1306.76 554.8Z M1050.45 602.8C1033.65 602.8 1018.99 599.067 1006.45 591.6C994.186 584.133 984.72 573.733 978.053 560.4C971.653 547.067 968.453 531.467 968.453 513.6V380.4H1020.85V509.2C1020.85 518.267 1022.59 526.267 1026.05 533.2C1029.79 539.867 1034.99 545.2 1041.65 549.2C1048.59 552.933 1056.32 554.8 1064.85 554.8C1073.39 554.8 1080.99 552.933 1087.65 549.2C1094.32 545.2 1099.52 539.733 1103.25 532.8C1106.99 525.867 1108.85 517.6 1108.85 508V380.4H1161.25V598H1111.65V555.2L1116.05 562.8C1110.99 576.133 1102.59 586.133 1090.85 592.8C1079.39 599.467 1065.92 602.8 1050.45 602.8Z M728.8 598V300H839.6C859.867 300 877.733 303.733 893.2 311.2C908.933 318.4 921.2 329.067 930 343.2C938.8 357.067 943.2 374 943.2 394C943.2 414.533 938.267 432 928.4 446.4C918.8 460.8 905.733 471.467 889.2 478.4L957.6 598H896L822.8 467.2L858 488H783.2V598H728.8ZM783.2 440H840.4C850.267 440 858.8 438.133 866 434.4C873.2 430.4 878.8 424.933 882.8 418C886.8 411.067 888.8 403.067 888.8 394C888.8 384.667 886.8 376.667 882.8 370C878.8 363.067 873.2 357.733 866 354C858.8 350 850.267 348 840.4 348H783.2V440Z M300 600V300H400V400H500V300H600V400H500V500H400V600H300Z" />
</svg>
)
}OG and ad images
Place the wordmark near the bottom-left corner, one Rubric symbol-width from the left edge and one wordmark-height from the bottom. Dashed guides show the insets, not part of the exported image.
Open Graph · 1200 × 630
Ideas into software.
Square ad · 1200 × 1200
Ideas into software.
export function BrandImage({ square = false }) {
const wordmarkWidth = 240
const wordmarkHeight = wordmarkWidth * 307.6 / 1576.7
const symbolWidth = wordmarkWidth * 300 / 1576.7
return (
<div style={{ position: 'relative', width: 1200,
height: square ? 1200 : 630, background: '#000', color: '#fff' }}>
<h2 style={{ position: 'absolute', top: 48, left: 48, margin: 0,
fontFamily: 'sans-serif', fontSize: 72, lineHeight: 1.1 }}>
Ideas into software.
</h2>
<RubricWordmark style={{ position: 'absolute',
left: symbolWidth, bottom: wordmarkHeight,
width: wordmarkWidth, height: wordmarkHeight }} />
</div>
)
}
function RubricWordmark(props) {
return (
<svg viewBox="300 295.2 1576.7 307.6"
role="img" aria-label="Rubric" fill="currentColor" {...props}>
<path d="M1777.9 602.8C1756.3 602.8 1736.84 597.867 1719.5 588C1702.44 577.867 1688.97 564.267 1679.1 547.2C1669.24 529.867 1664.3 510.4 1664.3 488.8C1664.3 467.2 1669.24 447.867 1679.1 430.8C1688.97 413.733 1702.44 400.267 1719.5 390.4C1736.84 380.533 1756.3 375.6 1777.9 375.6C1793.37 375.6 1807.77 378.4 1821.1 384C1834.44 389.333 1845.9 396.8 1855.5 406.4C1865.37 415.733 1872.44 426.933 1876.7 440L1830.7 460C1826.7 449.067 1819.9 440.267 1810.3 433.6C1800.97 426.933 1790.17 423.6 1777.9 423.6C1766.44 423.6 1756.17 426.4 1747.1 432C1738.3 437.6 1731.37 445.333 1726.3 455.2C1721.24 465.067 1718.7 476.4 1718.7 489.2C1718.7 502 1721.24 513.333 1726.3 523.2C1731.37 533.067 1738.3 540.8 1747.1 546.4C1756.17 552 1766.44 554.8 1777.9 554.8C1790.44 554.8 1801.37 551.467 1810.7 544.8C1820.04 538.133 1826.7 529.2 1830.7 518L1876.7 538.8C1872.44 551.067 1865.5 562.133 1855.9 572C1846.3 581.6 1834.84 589.2 1821.5 594.8C1808.17 600.133 1793.64 602.8 1777.9 602.8Z M1588.32 598V380.4H1640.72V598H1588.32ZM1588.32 356V300H1640.72V356H1588.32Z M1446.71 598V380.4H1495.91V428.8L1491.91 421.6C1496.98 405.333 1504.85 394 1515.51 387.6C1526.45 381.2 1539.51 378 1554.71 378H1567.51V424.4H1548.71C1533.78 424.4 1521.78 429.067 1512.71 438.4C1503.65 447.467 1499.11 460.267 1499.11 476.8V598H1446.71Z M1312.76 602.8C1297.03 602.8 1282.5 599.733 1269.16 593.6C1256.1 587.2 1245.7 578.133 1237.96 566.4L1243.16 556V598H1193.96V295.2H1246.36V423.6L1238.36 412.8C1245.83 401.067 1255.96 392 1268.76 385.6C1281.56 378.933 1296.36 375.6 1313.16 375.6C1333.7 375.6 1352.23 380.667 1368.76 390.8C1385.3 400.933 1398.36 414.533 1407.96 431.6C1417.83 448.667 1422.76 467.867 1422.76 489.2C1422.76 510.267 1417.96 529.467 1408.36 546.8C1398.76 564.133 1385.7 577.867 1369.16 588C1352.63 597.867 1333.83 602.8 1312.76 602.8ZM1306.76 554.8C1318.76 554.8 1329.43 552 1338.76 546.4C1348.1 540.8 1355.3 533.067 1360.36 523.2C1365.7 513.333 1368.36 502 1368.36 489.2C1368.36 476.4 1365.7 465.2 1360.36 455.6C1355.3 445.733 1348.1 438 1338.76 432.4C1329.43 426.533 1318.76 423.6 1306.76 423.6C1295.3 423.6 1284.9 426.4 1275.56 432C1266.5 437.6 1259.3 445.467 1253.96 455.6C1248.9 465.467 1246.36 476.667 1246.36 489.2C1246.36 502 1248.9 513.333 1253.96 523.2C1259.3 533.067 1266.5 540.8 1275.56 546.4C1284.9 552 1295.3 554.8 1306.76 554.8Z M1050.45 602.8C1033.65 602.8 1018.99 599.067 1006.45 591.6C994.186 584.133 984.72 573.733 978.053 560.4C971.653 547.067 968.453 531.467 968.453 513.6V380.4H1020.85V509.2C1020.85 518.267 1022.59 526.267 1026.05 533.2C1029.79 539.867 1034.99 545.2 1041.65 549.2C1048.59 552.933 1056.32 554.8 1064.85 554.8C1073.39 554.8 1080.99 552.933 1087.65 549.2C1094.32 545.2 1099.52 539.733 1103.25 532.8C1106.99 525.867 1108.85 517.6 1108.85 508V380.4H1161.25V598H1111.65V555.2L1116.05 562.8C1110.99 576.133 1102.59 586.133 1090.85 592.8C1079.39 599.467 1065.92 602.8 1050.45 602.8Z M728.8 598V300H839.6C859.867 300 877.733 303.733 893.2 311.2C908.933 318.4 921.2 329.067 930 343.2C938.8 357.067 943.2 374 943.2 394C943.2 414.533 938.267 432 928.4 446.4C918.8 460.8 905.733 471.467 889.2 478.4L957.6 598H896L822.8 467.2L858 488H783.2V598H728.8ZM783.2 440H840.4C850.267 440 858.8 438.133 866 434.4C873.2 430.4 878.8 424.933 882.8 418C886.8 411.067 888.8 403.067 888.8 394C888.8 384.667 886.8 376.667 882.8 370C878.8 363.067 873.2 357.733 866 354C858.8 350 850.267 348 840.4 348H783.2V440Z M300 600V300H400V400H500V300H600V400H500V500H400V600H300Z" />
</svg>
)
}Source files
Everything here is open source: free to use, copy, modify etc. without attribution or permission. The source file lives in Figma.
If you have questions or feedback, email us at hello@rubriclabs.com.