web app ui styling

详细信息

Web App UI Styling (Figma + Tailwind-friendly) Project Type: Web App Interface Styling Budget: £500–£800 Timeline: 2–3 weeks (negotiable) Overview We’re looking for a UI designer to apply styling only to a legally-focused web app interface. All layout and UX logic is already in place — this is a visual polish job, not a design-from-scratch brief. Scope You’ll style a card-based desktop interface with: - A directory view (tiles) - A workspace with tabbed cards (Inbox, Notes, Uploads, Previous Projects) - A second workspace with tabbed process views (Timeline, Chat, Evidence, Complaint, Export) All layout, tab structure, and component roles are fixed. We just need visual treatment applied in Figma to match our tone and accessibility standards. Deliverables 1. Styled Figma screens for the two card views (General and Project) 2. Component styling: - Tabs (active/inactive) - Pills (status, tags) - Buttons (primary/secondary) - Timeline rows (event blocks with status) - Upload tiles (file tags + view actions) 3. Typography system 4. Colour system 5. Optional mini style sheet (e.g. Tailwind class mapping) Design Style - Clean, calm, modern — influenced by: - GOV.UK Design System - Linear.app - ChatGPT tabbed layout - Font: Sans-serif, accessible (e.g. Inter, Source Sans, or system default) - Colour palette: - Background: white/off-white - Accent: orange (#f97316) - Neutrals: greys only, no theming - Notification style: Orange number next to tab label (e.g. Evidence 3) — no badge - AI Assist: Floating orange pulse button (like WhatsApp bubble), per-tab only Not Included - No UX design - No product strategy - No mobile layouts - No branding work - No chat interface or illustration - No backend or developer handoff required Budget & Payment We expect the work to be completed for £500–£800, depending on turnaround time and experience. We’re looking for someone who can follow a clear design system and produce calm, professional layout styling. To Apply Please include: - A link to a relevant styled interface or Figma project - Confirmation of availability - Fixed price quote or proposal within the stated range We’ll shortlist quickly and are ready to start.