Proposed CSC Standards
Design foundations
Color, type, and spacing tokens that component rules depend on.
Rules
Use the CSC brand blue and brand red tokens
Brand blue is #2A338F. Brand red is #EC1C2D. Action red for white text is #C41222.
Implementation detail
Proposed CSC Standard drawn from the identity guide values already in this system. It is not a claim of a separate approved policy document.
Use var(--primary), var(--brand-red), and var(--red). Do not introduce #00499C or #D72638.
Check: New colors are the documented tokens.
Set body text to the Aptos stack at 16px
The font stack is Aptos, Calibri, Roboto, Open Sans. Body size is 16px, which is 12pt.
Implementation detail
Proposed CSC Standard. Aptos, Calibri, and Mirante are not embedded. Roboto and Open Sans are the loaded fallbacks.
Do not import a different display font for product UI. Do not label another font as Mirante.
Check: The computed body font-family starts with Aptos and the size is 16px.
Keep surfaces light
Pages use white and neutral gray with restrained blue and red.
Implementation detail
Proposed CSC Standard matching the current shell.
Do not add a dark theme unless the product has one. This system does not.
Check: The page background is white or the existing gray canvas.
Examples
These are the tokens already defined on :root.
Imports: None. Dependencies: None. Rules: FND-001.
:root {
--primary: #2A338F;
--brand-red: #EC1C2D;
--red: #C41222;
}Testing checklist
Reusable prompts for this guideline are in the AI Development Hub.