What is in the Struq library?
33 colour palettes, 10 type pairings and 5 design systems: the material a direction is made from. Every palette and pairing has its own page with its tokens to copy, and the Struq skill hands your agent one of each for every brief.
Updated
Struq skill 0.5.0
Which palettes are there?
Every one has roles, not just colours: a ground, a surface, an ink, two accents, a full-strength field and a contrasting section. They run here from night to paper. Hover one to see its field.
- Hollow Acid TideAtmospheric near-black
- Ferro Forge DarkCinematic forge dark
- Aperture Technical DarkHigh-velocity technical dark
- Tessellate Mint GraphiteTechnical turquoise dark
- Velar Graphite ScarletMechanical performance dark
- Substrate Industrial IceIndustrial material dark
- Kinetic Lime CobaltAggressive athletic duotone
- Midnight BrassExecutive authority
- Objet Gallery BrassDark editorial commerce
- Otterbrook River AmberDeep charity data story
- Mizu Greige BronzeSlow ceramic restraint
- Numen Paper CobaltConfident portfolio editorial
- Stone ForestQuiet confidence
- Field Deep RedCinematic deep red field
- Marrow Bone Blood OrangeStudio theatrical warm bone
- Voss Limestone BlueprintStructural architectural restraint
- Graphite IvoryEditorial premium
- Ocean BreezeClean professional depth
- Field Ink GreenInk green field, botanical and literary
- Olea Flour TerracottaWood-fire neighborhood warmth
- Relay Brutalist BlueBrutalist conference energy
- Solene Coastal CoralSunlit coastal hospitality
- Stillwater Oat SageLarge-radius calming care
- Field Cream MadderRestrained editorial paper
- Field Saturated OchreSaturated ochre field, warm and graphic
- Field UltramarineDeliberate ultramarine field for water and maritime themes
- Halo Saturated BlushBold kinetic beauty
- Meridian Signal GraphiteCool operational clarity
- Seve Bone OxbloodRestrained fashion editorial
- Velden Linen ForestCredentialed editorial care
- Lumen Firelit FlourWarm firelit editorial
- Terracotta SandWarm earthy premium
- Thuispost Oat PetrolWarm human care
And the type pairings?
Each is a display face, a text face and one italic for a single word, with the scale the display is set at. Every name below is set in its own face.
- Condensed PosterBig Shoulders Display with Figtree, and Instrument Serif italic
- Display DramaSyne with Hanken Grotesk, and Instrument Serif italic
- Editorial Sans PrecisionSora with Public Sans, and Newsreader italic
- Fashion ContrastBodoni Moda with Urbanist, and Bodoni Moda italic
- Geometric ModernUrbanist with Figtree, and Instrument Serif italic
- Grotesk WorkhorseSchibsted Grotesk with Hanken Grotesk, and Instrument Serif italic
- Italic AccentUrbanist with Hanken Grotesk, and Instrument Serif italic
- Newsreader ClassicNewsreader with Public Sans, and Newsreader italic
- Serif EditorialFraunces with Urbanist, and Fraunces italic
- Wide AgencyUnbounded with Public Sans, and Instrument Serif italic
What is a design system here?
A ready direction: one palette with one pairing, and the order the page’s sections run in. Each strip below is that page, drawn in its own colours.
Editorial restrained
Editorial restrainedheroprooffeaturesprocessfaqctaGallery first
Gallery firstherogalleryprooffeaturesprocessstory prooffaqctaLoud campaign
Loud campaignherofeaturesproofgalleryprocessstory prooffaqctaProof forward
Proof forwardheroproofstory prooffeaturesprocessgalleryfaqctaStory led
Story ledherostory proofofferingprooffeaturesprocessgalleryfaqcta
Give your AI the direction.
Paste it into Claude Code. It runs the install, then /struq is ready.
The Struq skill is free and open source. No account, no key, nothing to configure. Version 0.5.0, and you update by running it again.