CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Match the marketing homepage and About page to the latest Figma: black hero CTA, spaces in word-split headings, redesigned feature grid, and cited About statistics.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-09-09 17:40:11 -06:00
co-authored by Cursor
parent 2d351987cf
commit 40225e2845
32 changed files with 362 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stories/sections/FeatureGrid.stories.js
+6 -6
View File
@@ -8,12 +8,12 @@ export default {
docs: {
description: {
component: `
Feature grid for the home marketing section (Figma 18847:22410).
Feature grid for the home marketing section (Figma 18632:10668).
- **Layout**: 2×2 on mobile, 1×4 on tablet, horizontal lockup + grid on desktop
- **Layout**: stacked cards on mobile, 2×2 from tablet, horizontal lockup + grid on desktop
- **Shell**: \`surface/default/secondary\` content block with responsive spacing tokens
- **ContentLockup**: Feature variant — 18/22 title & 14/20 subtitle (mobile), 24/32 title & 16/24 subtitle (640px+), 16/24 link
- **Mini tiles**: Invert-brand surfaces (royal, lime, rust, teal), 138px panel height, 48px icons
- **Cards**: Invert-brand surfaces (lavender, lime, rust, teal) with title, description, and 40px icons
`,
},
},
@@ -36,15 +36,15 @@ Feature grid for the home marketing section (Figma 18847:22410).
export const Default = {
args: {
title: "We've got your back, every step of the way",
title: "Tools for the parts that get hard",
subtitle:
"Use our toolkit to improve, document, and evolve your organization.",
"Every group runs into the same knots. CommunityRule gives you a way through, and a written record of what you decided.",
},
parameters: {
docs: {
description: {
story: `
Default FeatureGrid — responsive breakpoint layout with Figma styling (invert-brand tiles, secondary surface, updated lockup typography).
Default FeatureGrid — responsive breakpoint layout with Figma styling (invert-brand cards, secondary surface, updated lockup copy).
`,
},
},
stories/type/ContentLockup.stories.js
+3 -3
View File
@@ -48,11 +48,11 @@ export const Feature = {
export const FeatureWithLink = {
args: {
title: "We've got your back, every step of the way",
title: "Tools for the parts that get hard",
subtitle:
"Use our toolkit to improve, document, and evolve your organization.",
"Every group runs into the same knots. CommunityRule gives you a way through, and a written record of what you decided.",
variant: "feature",
linkText: "Learn more",
linkText: "Explore the toolkit",
linkHref: "/learn",
},
};