templates
Full-Width Healthcare Intro Section
This section uses a 2fr/1fr grid layout that extends full viewport width while maintaining content within max-width boundaries. Perfect for important service introductions.
The layout automatically centers content with proper padding calculations to ensure consistent alignment with other page elements.
Two-Column Content Layout
This is the first paragraph with larger font size (22px) for visual impact. It introduces the
main concept or service.
Secondary paragraphs use standard 16px font size for optimal readability. This layout
automatically centers content vertically.
Primary Info Box (Blue Background)
This info box uses the primary blue background with white text and white checkmarks. Perfect for
highlighting important information.
- White checkmarks on blue background
- Excellent contrast and readability
- Used for key information sections
- Automatic bullet removal with proper spacing
Secondary Info Box (Light Gray)
The secondary info box has a light gray background with dark text. Blue headings provide visual
hierarchy without overwhelming the content.
Column One
Three-column layout within info boxes allows for organized information presentation with
proper spacing.
Column Two
Each column maintains readability while creating visual balance across the content
area.
Column Three
The layout automatically stacks on mobile devices for optimal responsive design.
Service Card One
Service cards with light backgrounds use blue checkmarks for optimal visibility and brand
consistency.
- Core Features: Blue checkmarks on white
- Typography: Clean, readable font hierarchy
- Professional card styling with shadows
- Responsive design for all devices
Service Card Two
Each service card maintains consistent styling while allowing for unique content and
calls-to-action.
- Hover effects for interactivity
- Consistent button placement
- Scalable grid system
- Brand-compliant color scheme
Service Card Three
The third card completes the grid layout, demonstrating how content scales across different
screen sizes.
- Mobile-first responsive design
- Consistent spacing and alignment
- Professional visual hierarchy
- Accessible color contrast
Info Box Column 1
Features Overview
- Top-aligned columns for clean layout
- Individual info boxes for separation
- Consistent blue styling
- White checkmarks for visibility
- Professional spacing and typography
Info Box Column 2
Design Principles
- Mobile-responsive grid system
- Accessible color combinations
- Consistent brand implementation
- User-friendly interaction patterns
- Scalable component architecture
Info Box Column 3
Technical Implementation
- CSS-based styling without build tools
- WordPress theme integration
- Cross-browser compatibility
- Performance-optimized delivery
- Maintainable code structure
Pricing Components
The design system includes flexible pricing display options for services and healthcare
plans.
Service Pricing
Professional veterinary service with comprehensive care and follow-up support.
Premium Service
Comprehensive veterinary care package with extended consultation and follow-up.
Full-Width Benefits Section with Blue Gradient
This section demonstrates a full-width blue gradient background with white text, perfect for highlighting key benefits or features.
- Full viewport width with gradient background
- White checkmarks automatically applied
- Two-column layout (1fr/1fr) for balance
- Extends beyond container while keeping content aligned
- Perfect for membership benefits or feature lists
- Responsive design that stacks on mobile
- High contrast for excellent readability
Featured Service
Full-width pricing panel for highlighting special offers
Pricing Table Component
-
Standard Service
£25 -
Premium Service
£45 -
Complete Package
£75 -
Emergency Service
£95 -
Monthly Plan
£120
This pricing table component displays services and costs in a professional two-column layout with proper alignment.
The design includes hover effects and maintains readability across all screen sizes.
Call to Action Section
Prominent sections with multiple action options and enhanced visual hierarchy
Finchley Branch
178-180 Long Lane, London, N3 2RA
Tel: 020 8444 4444
Email: info@twobytwovet.co.uk
Alexandra Palace Branch
20 Palace Gates Road, London, N22 7BN
Tel: 020 8444 4444
Email: info@twobytwovet.co.uk
Finchley Branch
9am – 7pm
9am – 7pm
9am – 7pm
9am – 7pm
9am – 7pm
9am – 5pm
Closed
178-180 Long Lane, London, N3 2RA
Alexandra Palace Branch
9am – 6pm
9am – 6pm
9am – 6pm
9am – 6pm
9am – 6pm
9am – 4pm
Closed
20 Palace Gates Road, London, N22 7BN
Emergency & Out of Hours
Vets Now Emergency Service
For urgent veterinary care outside our opening hours, please contact 020 8888 4444
Frequently Asked Questions
for specific times.
to register.
Dr. Jane Smith
Senior Veterinarian
Dr. Smith has over 10 years of experience in small animal
practice, specializing in surgery and internal medicine.
BVSc, MRCVS
Sarah Johnson
Head Veterinary Nurse
Sarah leads our nursing team with expertise in surgical assistance
and client care.
RVN, Cert SAN
Space XS (8px) above this text
Space SM (16px) above this text
Space MD (24px) above this text
Space LG (32px) above this text
Space XL (48px) above this text
Space XXL (64px) above this text
Complete Design System
This showcase demonstrates all the components and elements available in the Two By Two veterinary
theme