design-system/typography.json
design-system/typography.jsonBrowse 11 files
1,028 tokens
4,240 bytes
Token encoding: o200k_base
Snapshot 24fd22b
← Back to SKILL.md
1{2 "schema_version": 1,3 "selection_rule": "Choose the role from content and verbal tone, not from a house-style default. Across a multi-image set, vary the display skeleton when the subjects differ; preserve one coherent hierarchy inside each image.",4 "roles": [5 {6 "id": "type_literary",7 "name": "Literary",8 "display": "characterful old-style, transitional, or soft editorial serif; roman or italic",9 "support": "small neutral grotesk or mono",10 "scale_ratio": "6:1 to 12:1",11 "behavior": ["sentence-like lowercase", "asymmetric natural line breaks", "tight leading", "may enter the image field"],12 "use_for": ["reflection", "food", "tea", "books", "quiet lifestyle", "intimate observation"]13 },14 {15 "id": "type_cultural_grotesk",16 "name": "Cultural Grotesk",17 "display": "wide geometric or neo-grotesk with assertive custom spacing",18 "support": "compact grotesk or mono",19 "scale_ratio": "8:1 to 16:1",20 "behavior": ["letters may touch or optically interlock", "one word may span the page", "headline may overlay the image"],21 "use_for": ["music", "youth culture", "fashion", "movement", "contemporary exhibitions"]22 },23 {24 "id": "type_condensed_civic",25 "name": "Condensed Civic",26 "display": "heavy condensed or compressed grotesk",27 "support": "plain grotesk or monospaced facts",28 "scale_ratio": "8:1 to 14:1",29 "behavior": ["stacked public headline", "date remains subordinate", "facts align to one strong edge"],30 "use_for": ["event", "announcement", "public culture", "schedule"]31 },32 {33 "id": "type_programmatic",34 "name": "Programmatic",35 "display": "medium grotesk or engineered modular sans",36 "support": "tabular numerals, mono, or narrow information face",37 "scale_ratio": "4:1 to 9:1",38 "behavior": ["dates and numerals may become the anchor", "ruled clusters", "unequal information blocks", "bilingual-safe spacing"],39 "use_for": ["festival program", "calendar", "research", "architecture", "multi-event information"]40 },41 {42 "id": "type_rotated_display",43 "name": "Rotated Display",44 "display": "serif or grotesk selected for strong letter silhouettes",45 "support": "small upright grotesk",46 "scale_ratio": "10:1 to 20:1",47 "behavior": ["one title rotates 90 degrees or runs vertically", "cropped words remain inferable", "orientation is the single disruption"],48 "use_for": ["cover", "animal or object portrait", "fashion", "bold concept"]49 },50 {51 "id": "type_handwritten_interjection",52 "name": "Handwritten Interjection",53 "display": "human handwritten phrase, quick script, or dry marker note used as a secondary voice",54 "support": "clean sans or serif carries all factual information",55 "scale_ratio": "2:1 to 6:1 relative to support type",56 "behavior": ["one circled note or crossing phrase", "slight baseline irregularity", "never used for dates or essential facts"],57 "use_for": ["invitation", "pool", "travel note", "social post", "personal aside"]58 },59 {60 "id": "type_typographic_object",61 "name": "Typographic Object",62 "display": "oversized serif, grotesk, or abstracted letterforms chosen for the word shape",63 "support": "minimal mono or plain grotesk",64 "scale_ratio": "12:1 to 20:1",65 "behavior": ["phrase is the dominant object", "one word may leave the page", "letters may split around or overprint the subject"],66 "use_for": ["declaration", "poetry", "text-led cover", "single-word title"]67 }68 ],69 "secondary_voice_rules": [70 "Use one primary display skeleton per image; do not combine multiple novelty display faces.",71 "A handwritten voice is optional and secondary, limited to one short phrase or annotation.",72 "Choose at most one orientation event: rotated title, vertical stack, interlocked word, or handwritten interruption.",73 "Within a multi-image series, consistency comes from ink, spacing, plate logic, and microtype discipline; display fonts may change with the content.",74 "Never reproduce distinctive lettering, wording, or exact line breaks from a reference image."75 ]76}77 Referenced from SKILL.md
SKILL.mdView in source ↗
Source excerpt starting at line 48.SKILL.mdView in source ↗48| `design-system/compositions.json` | Layout-family IDs and geometry |49| `design-system/typography.json` | Type-hierarchy role IDs |50| `design-system/rhythm.json` | Visual tension profiles, focal events, unresolved edges |
Source excerpt starting at line 92.92 image_treatment: <one mechanical reproduction process>93 type_hierarchy: <one role ID from design-system/typography.json>94 disruption: <one deliberate disruption>