coulomb/coulomb-social
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
coulomb-social/docs/design-extract/coulomb-social-DESIGN.md
tegwick 6fe263444a Extract authenticated coulomb.social design language via designlang 
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.
2026-08-09 01:31:00 +02:00

2.7 KiB
Raw Blame History

site url generated_at generator intent material tokens
Research | Coulomb https://coulomb.social 2026-08-08T23:30:22.030Z designlang@12.21.0 landing flat
colors typography spacing radii shadows
primary background foreground
#d08728 #ffffff #000000
sans
Helvetica
base scale
4 [1, 24, 32, 40, 60, 80, 96, 320]
sm md lg xl
4 8 15 20
sm md
rgb(170, 170, 170) 2px 2px 4px 0px 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 v12.21.0 from https://coulomb.social. Compatible with the DESIGN.md convention pioneered by design-extractor.com — extended with intent, material, voice, anatomy, and library detection.