Full Custom CSS & Frontend Polishing for Image Hosting Website (Reservo)
Budget: $10 – $30 USD
We run img.com.es, a cloud-based image hosting platform powered by Reservo.
The current theme is functional but needs a full CSS overhaul to match a modern Web 2.0 / dark-blue aesthetic and improve usability on both desktop and mobile.
This project is not just “color tweaks” — we want a professional, pixel-perfect frontend polish that includes:
Scope of work:
1. Global CSS Revamp
Consistent typography scale and spacing across all pages.
Better use of margins, paddings, and whitespace for a clean, balanced layout.
Unified color palette (dark blue background, light text, brand blues for accents).
Subtle gradients, shadows, and hover effects for a modern Web 2.0 feel.
2. Navigation & Header
Adjust navbar height, spacing, and link alignment.
Ensure logo scales perfectly on desktop/tablet/mobile without distortion.
Sticky header behavior (optional) without breaking layout.
3. Image Grid / Gallery Pages
Consistent thumbnail sizes (maintaining aspect ratio) with responsive grid layout.
Hover effects (light zoom, shadow) without performance impact.
Title and metadata alignment, truncation for long names.
4. Image Detail Page
Better spacing between image, description, and action buttons.
Improve share/download buttons style and position.
5. Forms & Inputs
Consistent height, padding, and focus states.
Improve form readability on dark backgrounds.
6. Buttons & CTAs
Modern gradient or flat styles with subtle hover transitions.
Size consistency across all pages.
7. Pagination & Breadcrumbs
Better clickability, modern style matching theme.
Clean breadcrumb separators and spacing.
8. Dashboard / User Panel
Align tables and lists, improve readability.
Adjust icon sizes, spacing, and button placement.
Make sure admin and user dashboard match the overall theme style.
9. Responsive Behavior
Optimized layout for mobile and tablet (breakpoints around 1024px, 768px, 480px).
Avoid horizontal scrollbars or cut-off elements.
10. Performance Considerations
Keep CSS clean and minimal, removing unused rules.
Ensure styles are compatible with Reservo’s template system.
Deliverables:
Fully responsive custom CSS file ready to integrate with Reservo.
A short before/after changelog or screenshot preview.
Clear comments in CSS for future editing.
Tech requirements:
Strong knowledge of CSS3, Flexbox, Grid.
Experience with Reservo or similar PHP-based image hosting scripts is a plus.
Attention to UI/UX and detail.
Budget: Open to offers. We expect this to be a quick turnaround for an experienced frontend developer.
The current theme is functional but needs a full CSS overhaul to match a modern Web 2.0 / dark-blue aesthetic and improve usability on both desktop and mobile.
This project is not just “color tweaks” — we want a professional, pixel-perfect frontend polish that includes:
Scope of work:
1. Global CSS Revamp
Consistent typography scale and spacing across all pages.
Better use of margins, paddings, and whitespace for a clean, balanced layout.
Unified color palette (dark blue background, light text, brand blues for accents).
Subtle gradients, shadows, and hover effects for a modern Web 2.0 feel.
2. Navigation & Header
Adjust navbar height, spacing, and link alignment.
Ensure logo scales perfectly on desktop/tablet/mobile without distortion.
Sticky header behavior (optional) without breaking layout.
3. Image Grid / Gallery Pages
Consistent thumbnail sizes (maintaining aspect ratio) with responsive grid layout.
Hover effects (light zoom, shadow) without performance impact.
Title and metadata alignment, truncation for long names.
4. Image Detail Page
Better spacing between image, description, and action buttons.
Improve share/download buttons style and position.
5. Forms & Inputs
Consistent height, padding, and focus states.
Improve form readability on dark backgrounds.
6. Buttons & CTAs
Modern gradient or flat styles with subtle hover transitions.
Size consistency across all pages.
7. Pagination & Breadcrumbs
Better clickability, modern style matching theme.
Clean breadcrumb separators and spacing.
8. Dashboard / User Panel
Align tables and lists, improve readability.
Adjust icon sizes, spacing, and button placement.
Make sure admin and user dashboard match the overall theme style.
9. Responsive Behavior
Optimized layout for mobile and tablet (breakpoints around 1024px, 768px, 480px).
Avoid horizontal scrollbars or cut-off elements.
10. Performance Considerations
Keep CSS clean and minimal, removing unused rules.
Ensure styles are compatible with Reservo’s template system.
Deliverables:
Fully responsive custom CSS file ready to integrate with Reservo.
A short before/after changelog or screenshot preview.
Clear comments in CSS for future editing.
Tech requirements:
Strong knowledge of CSS3, Flexbox, Grid.
Experience with Reservo or similar PHP-based image hosting scripts is a plus.
Attention to UI/UX and detail.
Budget: Open to offers. We expect this to be a quick turnaround for an experienced frontend developer.