Style Guide
The
Hoxton Framework.1.0
Hoxton Framework.1.0
Internal Webflow Cloneable file for Shoreditch Design Studio. Built on Tailwind and Block-Element-Modifier. Expanded with CSS Variables and Namespaces. Refer this page for commonly used utility classes and combo class systems. Keep it Simple, Stupid.
Colors
Manage recurring text and background colors. Color guides from your designs are updated here. Add or remove color variables accordingly.
Color Palette
primary-400
primary-500
primary-600
primary-700
secondary-400
secondary-500
secondary-600
secondary-700
light/text-secondary
dark/text-secondary
dark/text-tertiary
Text Colors
u-text-x
u-text-black
sample text to see how it looks
u-text-grey
sample text to see how it looks
u-text-white
sample text to see how it looks
Background Colors
u-bg-x
u-bg-black
u-bg-grey
u-bg-white
u-bg-dark
u-bg-light
Typography
Primary Font for the website. Updating font-primary variable reflect changes in H1-H6 Headings classes here.