---
title: "Adminkit"
description: "A client-specific panel for content and everyday website tasks."
language: en
canonical: https://cardinali.studio/en/dev/work/adminkit/
author: Emanuele Cardinali
---

# Adminkit

A client-specific panel for content and everyday website tasks.

MY ROLE: Project management, design and development

The administration panel for my websites

## The need

Clients need to manage their websites through tools that reflect their content. The goal is a clear panel adapted to everyday tasks, supporting edits, media and enquiries without requiring familiarity with code.

## The work

I handled project management, design and development of the panel used across my websites. Fields and sections follow the client’s project: content, media, enquiries and operational modules. Draft work is distinct from activating changes, while a shared structure can adapt its identity and functions to each website.

## The project outcome

Dashboard, navigation, lists and editors form a unified management environment. The screenshot shows the overview and operational modules; fields, enabled services and editing autonomy are configured per client. Revisions and content checks support the journey from editing to activating changes on the website.

## Interfaces and visual decisions

In the configuration shown, warm neutrals and a green accent separate orientation from action. A white workspace sits above deeper contextual surfaces. System typography keeps the panel familiar on each device; palette and modules can adapt to the client.

## RELATED SERVICES

- [Web apps and business software](https://cardinali.studio/en/dev/web-apps-and-business-software/)
- [Websites](https://cardinali.studio/en/dev/websites/)

## Inside the project

### Client-specific configuration

Navigation, fields and modules are configured for the website. A shared foundation keeps operations consistent while exposing tools relevant to the client’s work.

### From content to operations

The overview combines section access and module information. Media and enquiries stay connected to website work rather than becoming separate tools.

## Style book

- Warm ground #F0EEEF: Workspace background in the configuration shown
- Sheet #FFFFFF: Working surface
- Ink #252424: Headings and controls
- Grey #706D6E: Secondary information
- Green #007B5E: Actions and selections in the configuration shown
- Inset #E4E2E3: Inner surfaces and controls

- System UI: Navigation, fields and body
- System Monospace: Technical information and metadata

### Form follows content

A photography project needs galleries and images; a service page needs copy and blocks. The panel presents fields relevant to the task.

### Surfaces with hierarchy

Ground, sheet, containers and inset controls distinguish levels without outlining every element. Navigation retains the context of the work.

### An edit is a journey

Saving a draft and activating a revision are separate steps. Statuses and messages explain what has been saved and what is active.

References: project interfaces, identity and materials.

## THE NEXT STEP

Tell me what you want to build or which task you want to simplify. Our first conversation helps clarify goals, priorities and the information needed for a proposal.

[Let’s discuss your project](https://cardinali.studio/en/dev/#modulo-contatto)

Email: emanuele@cardinali.studio

+39 329 154 6295