ThoughtLab
A stark, black-canvas agency landing page built for maximum type impact — oversized bold display headlines in light gray sit against pure black, punctuated by a single glowing, iridescent gradient orb that overlaps the headline as the page's signature visual device. The palette is almost fully achromatic (black canvas, gray ink, white accents) with one hot-pink/red brand accent driving the CTA and logo mark, plus two rare secondary hues glimpsed only in the orb's rim gradient. This is a confident, editorial, dark-mode-first system with flat geometry (no shadow, no rounding beyond a single pill button) and very few structural components — most of the page's voltage comes from typography scale and the orb graphic rather than component variety.
Color Palette
Accent
Neutrals
Typography
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 9px | |
| sm | 22px | |
| md | 43px | |
| lg | 54px | |
| xl | 86px | |
| xxl | 108px | |
| section | 198px | |
| hero | 288px | |
| mega | 522px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| xs | 2px | |
| pill | 9999px |
FAQ
- What colors does ThoughtLab use?
- ThoughtLab's core palette includes #fc1c46, #000000, #cccccc, #ffffff, #333333. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the ThoughtLab DESIGN.md.
- What font does ThoughtLab use?
- ThoughtLab's primary typeface is system-ui. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the ThoughtLab design system?
- A stark, black-canvas agency landing page built for maximum type impact — oversized bold display headlines in light gray sit against pure black, punctuated by a single glowing, iridescent gradient or…