Cofounder lets you run an entire company with agents
Bento Grid
Loading
Games and activities for remote team building and virtual events
Warm, playful pastels float on a clean, generous white canvas, fostering joyful collaboration.
Click any value to copy. Roles are suggestions, not gospel.
- #f55d2boklch(67.1% 0.197 38)Dominant
- #f29879oklch(76.5% 0.117 40)Surface
- #bc0c0coklch(50.3% 0.201 29)Ink
- #767a98oklch(58.7% 0.046 279)Accent
- #a2adbcoklch(74.4% 0.025 256)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h2 | gilroy__boldbold | 42px | 500 | 1.2 | 0 | Aa Bb Cc |
| h3 | gilroy__boldbold | 28px | 500 | 1.2 | 0 | Aa Bb Cc |
| body | gilroy_regularregular | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| button | gilroy_regularregular | 20px | 400 | 1 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #f55d2b;
--color-surface: #f29879;
--color-ink: #bc0c0c;
--color-accent: #767a98;
--color-detail: #a2adbc;
}
/* CSS variables exposed by source */
:root {
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--primary: #007bff;
--secondary: #6c757d;
--light: #f8f9fa;
--yellow: #ffc107;
--green: #28a745;
--pink: #e83e8c;
--breakpoint-xs: 0;
--teal: #20c997;
--gray-dark: #343a40;
--breakpoint-md: 768px;
--white: #fff;
--danger: #dc3545;
--success: #28a745;
--gray: #6c757d;
--red: #dc3545;
--cyan: #17a2b8;
--animate-delay: 1s;
--dark: #343a40;
--breakpoint-xl: 1200px;
--indigo: #6610f2;
--animate-duration: 1s;
--purple: #6f42c1;
--breakpoint-sm: 576px;
--breakpoint-lg: 992px;
--blue: #007bff;
--warning: #ffc107;
--info: #17a2b8;
--animate-repeat: 1;
--ghost-accent-color: #15171A;
--orange: #fd7e14;
}Drop-in prompt
Build a landing page in the visual style of Games and activities for remote team building and virtual events.
Reference design system (extracted from the live site):
- Palette: #f55d2b, #f29879, #bc0c0c, #767a98, #a2adbc
- Typefaces: gilroy__boldbold, gilroy_regularregular
- Macrostructure: Bento Grid
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/brightful-me
