Branding and Visual Consistency

FSCJ webpages should look and behave as members of one College web ecosystem. Use approved College identity standards, templates, typography, colors, imagery and interface components. Avoid page-specific design patterns that conflict with the shared site experience.

• Use the official FSCJ logo and approved brand marks. Do not stretch, recolor, crop or recreate them.
• Use established heading, button, card, alert, form and navigation patterns.
• Do not use color alone to communicate meaning.
• Maintain adequate whitespace and clear visual hierarchy.
• Avoid decorative effects, animation or background treatments that reduce readability.
• Use unique, component-scoped CSS/Sass class names for custom renderer widgets to reduce style collisions.