tegwick
6fe263444a
Session probe lands on /vw_pages (Research). Use main designlang extract with --cookie-file — pack ignores auth. 39 artifacts under docs/design-extract; tolerate designlang late summary crash when cores exist.
109 lines
2.7 KiB
Markdown
109 lines
2.7 KiB
Markdown
---
|
|
site: "Research | Coulomb"
|
|
url: "https://coulomb.social"
|
|
generated_at: "2026-08-08T23:30:22.030Z"
|
|
generator: "designlang@12.21.0"
|
|
intent: landing
|
|
material: flat
|
|
tokens:
|
|
colors:
|
|
primary: "#d08728"
|
|
background: "#ffffff"
|
|
foreground: "#000000"
|
|
typography:
|
|
sans: Helvetica
|
|
spacing:
|
|
base: 4
|
|
scale: "[1, 24, 32, 40, 60, 80, 96, 320]"
|
|
radii:
|
|
sm: 4
|
|
md: 8
|
|
lg: 15
|
|
xl: 20
|
|
shadows:
|
|
sm: "rgb(170, 170, 170) 2px 2px 4px 0px"
|
|
md: "rgba(23, 23, 23, 0.1) 2px 2px 8px 2px"
|
|
---
|
|
|
|
# Overview
|
|
|
|
A **landing** page (heuristic confidence 0.45), dressed in **flat** material.
|
|
|
|
> "Research | Coulomb"
|
|
|
|
The author writes in a **neutral** voice; headings tend to be **unknown** case and **tight**.
|
|
|
|
Reading order detected on the source: `—`.
|
|
|
|
Source: <https://coulomb.social>.
|
|
|
|
# Colors
|
|
|
|
| role | hex | usage |
|
|
|---|---|---|
|
|
| primary | `#d08728` | 8 |
|
|
| background | `#ffffff` | — |
|
|
| foreground | `#000000` | — |
|
|
|
|
**Neutrals:** `#000000` · `#efefef` · `#616161` · `#373737` · `#171717`
|
|
|
|
**Total unique colors detected:** 8.
|
|
|
|
# Typography
|
|
|
|
**Families**
|
|
- `Helvetica` · 1739 uses
|
|
- `Arial` · 761 uses
|
|
- `Times New Roman` · 450 uses
|
|
- `Inter` · 397 uses
|
|
|
|
# Layout
|
|
|
|
**Spacing base:** `4px` increments.
|
|
**Scale:** `1px` · `24px` · `32px` · `40px` · `60px` · `80px` · `96px` · `320px`
|
|
|
|
**Layout primitives:** 123 grid containers · 1256 flex containers.
|
|
|
|
# Elevation and Depth
|
|
|
|
**Shadow scale**
|
|
- `sm` — `rgb(170, 170, 170) 2px 2px 4px 0px`
|
|
- `md` — `rgba(23, 23, 23, 0.1) 2px 2px 8px 2px`
|
|
|
|
**Z-index layers:** 35
|
|
|
|
# Shapes
|
|
|
|
**Radius scale**
|
|
- `sm` — `4px`
|
|
- `md` — `8px`
|
|
- `lg` — `12px`
|
|
- `lg` — `15px`
|
|
- `xl` — `20px`
|
|
|
|
# Components
|
|
|
|
**Detected patterns:** `buttons` · `cards` · `inputs` · `links` · `modals`
|
|
|
|
**Anatomy**
|
|
| kind | variants | sizes | instances |
|
|
|---|---|---|---|
|
|
| button | — | — | 56 |
|
|
|
|
# Do's and Don'ts
|
|
|
|
**Do's**
|
|
- Use `content`, `favorite`, `format` as the primary verbs in CTAs — these dominate the source.
|
|
- Write headings in **unknown** case, **tight** length.
|
|
- Address the reader with the pronoun posture **third-person**.
|
|
- Stay inside the **flat** material — match shadow and radius habits.
|
|
|
|
**Don'ts**
|
|
- Don't 4 font families — consider limiting to 2 (heading + body).
|
|
- Don't 140 !important rules — prefer specificity over overrides.
|
|
- Don't 81% of css is unused — consider purging.
|
|
- Don't 6545 duplicate css declarations.
|
|
|
|
---
|
|
_Generated by [designlang](https://github.com/Manavarya09/design-extract) v12.21.0 from <https://coulomb.social>._
|
|
_Compatible with the DESIGN.md convention pioneered by [design-extractor.com](https://www.design-extractor.com) — extended with intent, material, voice, anatomy, and library detection._
|