coulomb/coulomb-social
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add designlang public-shell pack; tighten auth capture checks

Browse source 
Ran authenticated extract against coulomb.social; session metadata
matched anonymous Bubble defaults, so treat docs/design-extract as a
public shell baseline (PROVENANCE.md). Capture script now refuses to
overwrite storage-state.json with thin anonymous sessions.
This commit is contained in:
tegwick 2026-08-09 01:22:15 +02:00
parent 0bf740017e
commit 319dd00465
28 changed files with 1524 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

162
docs/design-extract/tokens/design-tokens.json Normal file
View file

@ -0,0 +1,162 @@
{
"$metadata": {
"generator": "designlang",
"version": "7.0.0",
"spec": "https://design-tokens.github.io/community-group/format/",
"source": "https://coulomb.social",
"generatedAt": "2026-08-08T23:21:16.292Z"
},
"primitive": {
"color": {
"brand": {
"primary": {
"$value": "#d08728",
"$type": "color"
}
},
"neutral": {
"n100": {
"$value": "#000000",
"$type": "color"
},
"n200": {
"$value": "#171717",
"$type": "color"
},
"n300": {
"$value": "#ffffff",
"$type": "color"
},
"n400": {
"$value": "#616161",
"$type": "color"
},
"n500": {
"$value": "#e5e5e5",
"$type": "color"
}
},
"background": {
"bg0": {
"$value": "#ffffff",
"$type": "color"
},
"bg1": {
"$value": "#616161",
"$type": "color"
}
},
"text": {
"text0": {
"$value": "#000000",
"$type": "color"
},
"text1": {
"$value": "#ffffff",
"$type": "color"
},
"text2": {
"$value": "#171717",
"$type": "color"
},
"text3": {
"$value": "#d08728",
"$type": "color"
}
}
},
"spacing": {
"s0": {
"$value": "2px",
"$type": "dimension"
},
"s1": {
"$value": "32px",
"$type": "dimension"
},
"s2": {
"$value": "68px",
"$type": "dimension"
}
},
"radius": {
"r0": {
"$value": "4px",
"$type": "dimension"
},
"r1": {
"$value": "8px",
"$type": "dimension"
}
},
"shadow": {
"sh0": {
"$value": "rgb(97, 97, 97) 2px 2px 8px 0px",
"$type": "shadow"
}
},
"fontFamily": {
"f0": {
"$value": "Times New Roman",
"$type": "fontFamily"
},
"f1": {
"$value": "Helvetica",
"$type": "fontFamily"
},
"f2": {
"$value": "Inter",
"$type": "fontFamily"
},
"f3": {
"$value": "Arial",
"$type": "fontFamily"
}
}
},
"semantic": {
"color": {
"action": {
"primary": {
"$value": "{primitive.color.brand.primary}",
"$type": "color"
}
},
"surface": {
"default": {
"$value": "{primitive.color.background.bg0}",
"$type": "color"
}
},
"text": {
"body": {
"$value": "{primitive.color.text.text0}",
"$type": "color"
}
}
},
"typography": {
"body": {
"$value": {
"fontFamily": "Times New Roman",
"fontSize": "48px",
"fontWeight": "700",
"lineHeight": "67.2px"
},
"$type": "typography"
}
},
"radius": {
"control": {
"$value": "{primitive.radius.r0}",
"$type": "dimension"
}
},
"shadow": {
"elevated": {
"$value": "{primitive.shadow.sh0}",
"$type": "shadow"
}
}
}
}

361
docs/design-extract/tokens/figma-variables.json Normal file
View file

@ -0,0 +1,361 @@
{
"collections": [
{
"name": "Brand",
"modes": [
"light"
],
"variables": [
{
"name": "color/primary",
"type": "COLOR",
"values": {
"light": {
"r": 0.8156862745098039,
"g": 0.5294117647058824,
"b": 0.1568627450980392,
"a": 1
}
}
},
{
"name": "color/neutral/50",
"type": "COLOR",
"values": {
"light": {
"r": 0,
"g": 0,
"b": 0,
"a": 1
}
}
},
{
"name": "color/neutral/100",
"type": "COLOR",
"values": {
"light": {
"r": 0.09019607843137255,
"g": 0.09019607843137255,
"b": 0.09019607843137255,
"a": 1
}
}
},
{
"name": "color/neutral/200",
"type": "COLOR",
"values": {
"light": {
"r": 1,
"g": 1,
"b": 1,
"a": 1
}
}
},
{
"name": "color/neutral/300",
"type": "COLOR",
"values": {
"light": {
"r": 0.3803921568627451,
"g": 0.3803921568627451,
"b": 0.3803921568627451,
"a": 1
}
}
},
{
"name": "color/neutral/400",
"type": "COLOR",
"values": {
"light": {
"r": 0.8980392156862745,
"g": 0.8980392156862745,
"b": 0.8980392156862745,
"a": 1
}
}
},
{
"name": "color/background/default",
"type": "COLOR",
"values": {
"light": {
"r": 1,
"g": 1,
"b": 1,
"a": 1
}
}
},
{
"name": "color/background/1",
"type": "COLOR",
"values": {
"light": {
"r": 0.3803921568627451,
"g": 0.3803921568627451,
"b": 0.3803921568627451,
"a": 1
}
}
},
{
"name": "color/text/default",
"type": "COLOR",
"values": {
"light": {
"r": 0,
"g": 0,
"b": 0,
"a": 1
}
}
},
{
"name": "color/text/1",
"type": "COLOR",
"values": {
"light": {
"r": 1,
"g": 1,
"b": 1,
"a": 1
}
}
},
{
"name": "color/text/2",
"type": "COLOR",
"values": {
"light": {
"r": 0.09019607843137255,
"g": 0.09019607843137255,
"b": 0.09019607843137255,
"a": 1
}
}
},
{
"name": "color/text/3",
"type": "COLOR",
"values": {
"light": {
"r": 0.8156862745098039,
"g": 0.5294117647058824,
"b": 0.1568627450980392,
"a": 1
}
}
}
]
},
{
"name": "Typography",
"modes": [
"default"
],
"variables": [
{
"name": "font/size/48",
"type": "FLOAT",
"values": {
"default": 48
}
},
{
"name": "font/weight/48",
"type": "FLOAT",
"values": {
"default": 700
}
},
{
"name": "font/lineHeight/48",
"type": "FLOAT",
"values": {
"default": 67.2
}
},
{
"name": "font/size/32",
"type": "FLOAT",
"values": {
"default": 32
}
},
{
"name": "font/weight/32",
"type": "FLOAT",
"values": {
"default": 600
}
},
{
"name": "font/lineHeight/32",
"type": "FLOAT",
"values": {
"default": 44.8
}
},
{
"name": "font/size/18",
"type": "FLOAT",
"values": {
"default": 18
}
},
{
"name": "font/weight/18",
"type": "FLOAT",
"values": {
"default": 600
}
},
{
"name": "font/lineHeight/18",
"type": "FLOAT",
"values": {
"default": 25.2
}
},
{
"name": "font/size/16",
"type": "FLOAT",
"values": {
"default": 16
}
},
{
"name": "font/weight/16",
"type": "FLOAT",
"values": {
"default": 400
}
},
{
"name": "font/size/14",
"type": "FLOAT",
"values": {
"default": 14
}
},
{
"name": "font/weight/14",
"type": "FLOAT",
"values": {
"default": 500
}
},
{
"name": "font/lineHeight/14",
"type": "FLOAT",
"values": {
"default": 19.6
}
},
{
"name": "font/size/13.3333",
"type": "FLOAT",
"values": {
"default": 13.3333
}
},
{
"name": "font/weight/13.3333",
"type": "FLOAT",
"values": {
"default": 400
}
},
{
"name": "font/size/12",
"type": "FLOAT",
"values": {
"default": 12
}
},
{
"name": "font/weight/12",
"type": "FLOAT",
"values": {
"default": 500
}
},
{
"name": "font/lineHeight/12",
"type": "FLOAT",
"values": {
"default": 16.8
}
},
{
"name": "font/size/8",
"type": "FLOAT",
"values": {
"default": 8
}
},
{
"name": "font/weight/8",
"type": "FLOAT",
"values": {
"default": 500
}
},
{
"name": "font/lineHeight/8",
"type": "FLOAT",
"values": {
"default": 11.2
}
}
]
},
{
"name": "Spacing",
"modes": [
"default"
],
"variables": [
{
"name": "spacing/2",
"type": "FLOAT",
"values": {
"default": 2
}
},
{
"name": "spacing/32",
"type": "FLOAT",
"values": {
"default": 32
}
},
{
"name": "spacing/68",
"type": "FLOAT",
"values": {
"default": 68
}
},
{
"name": "radius/sm",
"type": "FLOAT",
"values": {
"default": 4
}
},
{
"name": "radius/md",
"type": "FLOAT",
"values": {
"default": 8
}
}
]
}
]
}

10
docs/design-extract/tokens/motion-tokens.json Normal file
View file

@ -0,0 +1,10 @@
{
"$description": "Motion tokens extracted by designlang",
"duration": {},
"easing": {},
"spring": {},
"$meta": {
"feel": "mixed",
"scrollLinked": true
}
}

109
docs/design-extract/tokens/tailwind.config.js Normal file
View file

@ -0,0 +1,109 @@
/** @type {import('tailwindcss').Config} */
export default {
theme: {
extend: {
colors: {
primary: {
'50': 'hsl(34, 68%, 97%)',
'100': 'hsl(34, 68%, 94%)',
'200': 'hsl(34, 68%, 86%)',
'300': 'hsl(34, 68%, 76%)',
'400': 'hsl(34, 68%, 64%)',
'500': 'hsl(34, 68%, 50%)',
'600': 'hsl(34, 68%, 40%)',
'700': 'hsl(34, 68%, 32%)',
'800': 'hsl(34, 68%, 24%)',
'900': 'hsl(34, 68%, 16%)',
'950': 'hsl(34, 68%, 10%)',
DEFAULT: '#d08728'
},
'neutral-50': '#000000',
'neutral-100': '#171717',
'neutral-200': '#ffffff',
'neutral-300': '#616161',
'neutral-400': '#e5e5e5',
background: '#ffffff',
foreground: '#000000'
},
fontFamily: {
body: [
'Arial',
'sans-serif'
],
font2: [
'Inter',
'sans-serif'
]
},
fontSize: {
'8': [
'8px',
{
lineHeight: '11.2px'
}
],
'12': [
'12px',
{
lineHeight: '16.8px'
}
],
'14': [
'14px',
{
lineHeight: '19.6px'
}
],
'16': [
'16px',
{
lineHeight: 'normal'
}
],
'18': [
'18px',
{
lineHeight: '25.2px'
}
],
'32': [
'32px',
{
lineHeight: '44.8px'
}
],
'48': [
'48px',
{
lineHeight: '67.2px'
}
],
'13.3333': [
'13.3333px',
{
lineHeight: 'normal'
}
]
},
spacing: {
'1': '2px',
'16': '32px',
'34': '68px'
},
borderRadius: {
sm: '4px',
md: '8px'
},
boxShadow: {
md: 'rgb(97, 97, 97) 2px 2px 8px 0px'
},
container: {
center: true,
padding: '32px'
},
maxWidth: {
container: '1080px'
}
},
},
};

147
docs/design-extract/tokens/theme.js Normal file
View file

@ -0,0 +1,147 @@
// React Theme — extracted from https://coulomb.social
// Compatible with: Chakra UI, Stitches, Vanilla Extract, or any CSS-in-JS
/**
* TypeScript type definition for this theme:
*
* interface Theme {
* colors: {
primary: string;
background: string;
foreground: string;
neutral50: string;
neutral100: string;
neutral200: string;
neutral300: string;
neutral400: string;
* };
* fonts: {
body: string;
* };
* fontSizes: {
'8': string;
'12': string;
'14': string;
'16': string;
'18': string;
'32': string;
'48': string;
'13.3333': string;
* };
* space: {
'2': string;
'32': string;
'68': string;
* };
* radii: {
sm: string;
md: string;
* };
* shadows: {
md: string;
* };
* states: {
* hover: { opacity: number };
* focus: { opacity: number };
* active: { opacity: number };
* disabled: { opacity: number };
* };
* }
*/
export const theme = {
"colors": {
"primary": "#d08728",
"background": "#ffffff",
"foreground": "#000000",
"neutral50": "#000000",
"neutral100": "#171717",
"neutral200": "#ffffff",
"neutral300": "#616161",
"neutral400": "#e5e5e5"
},
"fonts": {
"body": "'Arial', sans-serif"
},
"fontSizes": {
"8": "8px",
"12": "12px",
"14": "14px",
"16": "16px",
"18": "18px",
"32": "32px",
"48": "48px",
"13.3333": "13.3333px"
},
"space": {
"2": "2px",
"32": "32px",
"68": "68px"
},
"radii": {
"sm": "4px",
"md": "8px"
},
"shadows": {
"md": "rgb(97, 97, 97) 2px 2px 8px 0px"
},
"states": {
"hover": {
"opacity": 0.08
},
"focus": {
"opacity": 0.12
},
"active": {
"opacity": 0.16
},
"disabled": {
"opacity": 0.38
}
}
};
// MUI v5 theme
export const muiTheme = {
"palette": {
"primary": {
"main": "#d08728",
"light": "hsl(34, 68%, 64%)",
"dark": "hsl(34, 68%, 34%)"
},
"background": {
"default": "#ffffff",
"paper": "#616161"
},
"text": {
"primary": "#000000",
"secondary": "#ffffff"
}
},
"typography": {
"fontFamily": "'Times New Roman', sans-serif",
"h1": {
"fontSize": "32px",
"fontWeight": "600",
"lineHeight": "44.8px"
},
"body1": {
"fontSize": "16px",
"fontWeight": "400",
"lineHeight": "normal"
},
"body2": {
"fontSize": "13.3333px",
"fontWeight": "400",
"lineHeight": "normal"
}
},
"shape": {
"borderRadius": 8
},
"shadows": [
"rgb(97, 97, 97) 2px 2px 8px 0px"
]
};
export default theme;

127
docs/design-extract/tokens/tokens.flat.json Normal file
View file

@ -0,0 +1,127 @@
{
"color": {
"primary": {
"$value": "#d08728",
"$type": "color"
},
"neutral-0": {
"$value": "#000000",
"$type": "color"
},
"neutral-1": {
"$value": "#171717",
"$type": "color"
},
"neutral-2": {
"$value": "#ffffff",
"$type": "color"
},
"neutral-3": {
"$value": "#616161",
"$type": "color"
},
"neutral-4": {
"$value": "#e5e5e5",
"$type": "color"
},
"background-0": {
"$value": "#ffffff",
"$type": "color"
},
"background-1": {
"$value": "#616161",
"$type": "color"
},
"text-0": {
"$value": "#000000",
"$type": "color"
},
"text-1": {
"$value": "#ffffff",
"$type": "color"
},
"text-2": {
"$value": "#171717",
"$type": "color"
},
"text-3": {
"$value": "#d08728",
"$type": "color"
}
},
"fontFamily": {
"body": {
"$value": "Arial",
"$type": "fontFamily"
},
"inter": {
"$value": "Inter",
"$type": "fontFamily"
}
},
"fontSize": {
"8": {
"$value": "8px",
"$type": "dimension"
},
"12": {
"$value": "12px",
"$type": "dimension"
},
"14": {
"$value": "14px",
"$type": "dimension"
},
"16": {
"$value": "16px",
"$type": "dimension"
},
"18": {
"$value": "18px",
"$type": "dimension"
},
"32": {
"$value": "32px",
"$type": "dimension"
},
"48": {
"$value": "48px",
"$type": "dimension"
},
"13.3333": {
"$value": "13.3333px",
"$type": "dimension"
}
},
"spacing": {
"1": {
"$value": "2px",
"$type": "dimension"
},
"16": {
"$value": "32px",
"$type": "dimension"
},
"34": {
"$value": "68px",
"$type": "dimension"
}
},
"borderRadius": {
"sm": {
"$value": "4px",
"$type": "dimension"
},
"md": {
"$value": "8px",
"$type": "dimension"
}
},
"shadow": {
"md": {
"$value": "rgb(97, 97, 97) 2px 2px 8px 0px",
"$type": "shadow"
}
},
"breakpoint": {}
}

93
docs/design-extract/tokens/variables.css Normal file
View file

@ -0,0 +1,93 @@
:root {
/* Colors — Primary */
--color-primary: #d08728;
/* Colors — Neutrals */
--color-neutral-50: #000000;
--color-neutral-100: #171717;
--color-neutral-200: #ffffff;
--color-neutral-300: #616161;
--color-neutral-400: #e5e5e5;
/* Colors — Backgrounds */
--color-bg: #ffffff;
--color-bg-1: #616161;
/* Colors — Text */
--color-text: #000000;
--color-text-1: #ffffff;
--color-text-2: #171717;
--color-text-3: #d08728;
/* Typography — Families */
--font-body: 'Times New Roman', sans-serif;
--font-body: 'Helvetica', sans-serif;
--font-font-2: 'Inter', sans-serif;
--font-body: 'Arial', sans-serif;
/* Typography — Scale */
--font-size-48: 48px;
--font-size-32: 32px;
--font-size-18: 18px;
--font-size-16: 16px;
--font-size-14: 14px;
--font-size-13.3333: 13.3333px;
--font-size-12: 12px;
--font-size-8: 8px;
/* Spacing */
--spacing-2: 2px;
--spacing-32: 32px;
--spacing-68: 68px;
/* Border Radius */
--radius-sm: 4px;
--radius-md: 8px;
/* Box Shadows */
--shadow-md: rgb(97, 97, 97) 2px 2px 8px 0px;
/* Original Site Variables */
/* — colors — */
--color_primary_default: rgba(2, 5, 211, 1);
--color_primary_default_rgb: 2, 5, 211;
--color_primary_contrast_default: rgba(255, 255, 255, 1);
--color_primary_contrast_default_rgb: 255, 255, 255;
--color_text_default: rgba(9, 23, 71, 1);
--color_text_default_rgb: 9, 23, 71;
--color_surface_default: rgba(255, 255, 255, 1);
--color_surface_default_rgb: 255, 255, 255;
--color_background_default: rgba(255, 255, 255, 0);
--color_background_default_rgb: 255, 255, 255;
--color_destructive_default: rgba(255, 0, 0, 1);
--color_destructive_default_rgb: 255, 0, 0;
--color_success_default: rgba(23, 219, 78, 1);
--color_success_default_rgb: 23, 219, 78;
--color_alert_default: rgba(250, 181, 21, 1);
--color_alert_default_rgb: 250, 181, 21;
--color_danger_default_rgb: rgba(176, 32, 12, 1);
--color_bTRUr_default_rgb: 208,135,40;
--color_bTOCs_default: rgba(55,55,55,1);
--color_bTHZK_default_rgb: 229,229,229;
--color_bTOCs_default_rgb: 55,55,55;
--color_bTINZ_default_rgb: 23,23,23;
--color_bTRUs_default_rgb: 227,230,235;
--color_bTINZ_default: rgba(23,23,23,0.36);
--color_bTRUr_default: rgba(208,135,40,0.1);
--color_bTHZK_default: rgba(229,229,229,1);
--color_bTHfJ_default_rgb: 97,97,97;
--color_bTMap_default: rgba(113,2,139,1);
--color_bTHfJ_default: rgba(97,97,97,1);
--color_bTMap_default_rgb: 113,2,139;
--color_bTRUs_default: rgba(227,230,235,1);
/* — typography — */
--font_default: 'Lato';
--font_bTRUx_default: "Inter";
--font_bTRUt_default: "Inter";
/* — semantic — */
success: [object Object];
warning: [object Object];
error: [object Object];
info: [object Object];
}