Skip to main content
데브파이브
Dev Request
Solutions
Portfolio
News
Inquiry
Utility Tools Website — Multi-Screen Mockup Central Monitor — Tool Directory (Home) Logo: (Top) Section 1 — Images & Editing Tool QR code Image Resize a color picker YouTube Thumbnail (YouTube) Cutting Image / Editor Remove Watermark … Section 2 — Other Utilities Tool the number of letters Random drawing Unit transducer QR / Barcode Initial consonant game spelling check … Button: Full Category / Inquiry Chat Icon Top left screen — Random type draw generator - Count / Enter Items / Options (Redundancy allowed, order, etc.) - Button: Draw - Guidance: It's a random type? Bottom left screen — Text Unicode converter - Text Input → Conversion Results - buttons:text conversion Top Right Screen — Change Length - Meters m → ft, etc. in units - Input value 1 = 3.28808… bottom right screen — Instacard maker - Upload Image (drag and drop) - Size: 1080×1080px, 1080×1350px, Vertical, etc - Button: Upload Image common footer - Inquiry: contact@devfive.kr - Copyright © DEVFIVE. All Rights Reserved.
UTIL SUPPORT

This project built UTIL SUPPORT, an all-in-one web workspace that consolidates a wide range of utility tools into a single, structured service environment to maximize productivity. Users can access and use the tools immediately through a web browser without complex software installation or a sign-up process.


The platform provides core functions frequently needed by professionals across roles—especially developers and planners—through an intuitive, user-friendly interface. With accessibility and usability as first principles, UTIL SUPPORT delivers an efficient utility ecosystem where anyone can complete essential tasks quickly and easily.


Production Period2025. 06 - 2025. 08
ClientDevFive
TechnologiesNext.js, Devup-ui, TypeScript, Python, Fast-api
Visit Site
Service
Preview
UTILSUPPORT — Utility Tool Directory (Full Page) Logo: UTIL SUPPORT Navigation: Overall, fun & convenience, basic life, financial calculator, file conversion, design tool, marketing specialization, developer tool Top: Search bar / Dark mode / Favorite · Menu Fun & Convenience Tool Description Are you thinking about choosing an OX? Press the Decide button. The results of O or X will be randomly determined. It is a ladder game that allows you to recommend the winner by entering the number of participants and the winning contents of the ladder game. A spin-plate online tool that randomly selects roulette/drawer names or items. Your Test Full of fun tests! Enjoy your story test in your test. Special English Text Generator A site where you can generate special character English texts that can be used on SNS, etc. Try it! Lunch menu recommendation. What's today's lunch menu? Press the recommendation button! It is a site where you can create new emoji images by synthesizing emojis synthesizer emojis. It is a site where you can find emoticons that can be used on SNS, such as special emoticons collection emojis, ASCII art, and Kanshi fonts at once. a basic life Tool Description It is a tool that checks the number of characters entered immediately. Spelling Checker This is a Korean spelling and grammar checker. Text Alignment Tool A tool that sorts text by alphabet and length. Simply enter the D-Day Calculator date and automatically calculate D-Day! Use it to manage anniversaries and deadlines. Lunar/Lunar calendar transducer It is a tool that converts lunar and solar energy. It is a tool that converts unit conversion unit. Email Validator A tool that quickly verifies email formats. English Address Translator This site converts Korean addresses into English addresses that will be used for overseas shipping. Online Signature/Paint Creation This site allows you to create signature and stamp images required for electronic contracts with just input. Calling Calculator We calculate the relative (foreign assistance, manager, etc.). You can check the name of the relative you, your spouse, and your child should be involved in with with one calculation. Pomodoro Timer Focus on what to do for 25 minutes and try the Pomodoro Timer on the web, which rests for 5 minutes. Electronic Unicode Transducer Braille (BRF) or an online tool that can convert text into Unicode Braille (⠿). a financial calculator Tool Description Real-time Exchange Rate Calculator A tool that allows you to check the exchange rate between major currencies (KRW, USD, JPY, etc.) in real time. This is a site where you can calculate VAT with the total amount and supply value of the VAT calculator. Salary Calculator This is a site where you can calculate the real income of the salary I receive. 3.3% Calculator You can calculate the contract amount or actual amount received after calculating the 3.3% withholding tax for freelancers or daily workers. File conversion Tool Description Image Size Adjustment This site allows you to adjust the image size of JPG, PNG, SVG, and GIF files at once. PDF ↔ Image This is a site where you can convert PDFs into images and images into PDFs. HWPX, HWP → PDF HWPX, a site where you can easily convert HWP files into PDFs. HWPX → A site where you can easily convert HWP HWPX files into HWP files. Excel → PDF This site allows you to easily convert Excel spreadsheet files into PDFs. PPT, PPTX → PDF PPT, a site where you can easily convert your PPTX slide files into PDFs. Word → PDF This site makes it easy to convert DOC and DOCX files into PDFs. Png → It is a site that converts PNG files into WEBP without much limitation from Webp advertising. Design Tools Tool Description It is a site that collects various color palettes for color palette design. Lorem Ipsum Generator This is a Lorem Ipsum generator that can generate English-edited dummy text for design. Korean Lorem Ipsum Generator A site where you can create a Korean version of Lorem Ipsum. Lottie Animation Preview This is a site where you can upload Lottie JSON animation files and play them in advance without logging in to Lottie. Background Pattern Generator A site where you can create a background pattern image by selecting the desired figure and color. You can easily segment Instagram images to upload to your Instagram feed maker feed. Dummy Image Generator The site where a random image is created when the desired image size is added after the URL. SVG Code Image Preview This is a site where you can check the image preview of the SVG code. Watermark Addition It is a site where you can add watermarks such as logos or texts to images or documents. Marketing Specialization Tool Description It is a site that automatically generates links for UTM parameter generators marketing campaigns. Business card information text extractor It is a site where business card information can be extracted by automatically recognizing it as a text OCR from the business card image. Short URL Generation Short URL generator that shortens long addresses. QR code generator It is a site that converts desired text/URL into QR code. Developer Tools Tool Description Code Pen Code Pen Code Pen is an online editor that allows you to share and collaborate on code. A tool that converts/restores Base64 encoded/decoded images or strings to Base64. Color Picker Color Picker is a site that converts the desired color into codes such as HEX, RGB, HSL, etc. Animation Library It is a site that collects various motion/code animations. Gradient CSS Generator Gradient CSS generator is a site that generates gradient CSS by selecting the desired color. Easing Function A site that helps you choose the right easing function. Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Check out the convenient sites you want to collect at a glance. The copyright of each site is on that site and Util only provides a shortcut link. - Copyright © DEVFIVE. All Rights Reserved.
Hover over the screen!
Client Requirements
& Project Direction
Through client interviews and consultations we derived the project's core requirements, and based on those insights we designed it around five areas that needed improvement from user experience and brand perspectives.
1.
Build a barrier-free web service offering 30-plus utilities instantly without sign-up
2.
Design a tool structure classified into seven categories with user flows
3.
Implement a design system with minimal design supporting dark and light modes
4.
Provide independent access and sharing with per-tool URLs and SEO meta tags
5.
Strengthen completeness through major browser and mobile compatibility tests and practitioner feedback
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Section: typo Font: Pretendard Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular Sample: Aa typography scale Style Size Sample Text Titles 24px Utilization Support UTILSUPPORT CardTile 17px Utilization Support UTILSUPPORT Menu 15px Util Support UTILSUPPORT CardText 14px Utilization Support UTILSUPPORTSection: color Main color Categorized HEX Color Primary #E64F17 Orange Primary Bg #FFF4E5 Light Cream Secondary #F09573 Light Apricot Grayscale (Step 7) Step HEX 1 #FFFFFF 2 · 3 · 4 #787878 5 · 6 · 7 #000000Section: typo Font: Pretendard Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular Sample: Aa typography scale Style Size Sample Text Titles 24px Utilization Support UTILSUPPORT CardTile 17px Utilization Support UTILSUPPORT Menu 15px Util Support UTILSUPPORT CardText 14px Utilization Support UTILSUPPORTSection: color Main color Categorized HEX Color Primary #E64F17 Orange Primary Bg #FFF4E5 Light Cream Secondary #F09573 Light Apricot Grayscale (Step 7) Step HEX 1 #FFFFFF 2 · 3 · 4 #787878 5 · 6 · 7 #000000
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Section: typo Font: Pretendard Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular Sample: Aa typography scale Style Size Sample Text Titles 24px Utilization Support UTILSUPPORT CardTile 17px Utilization Support UTILSUPPORT Menu 15px Util Support UTILSUPPORT CardText 14px Utilization Support UTILSUPPORTSection: color Main color Categorized HEX Color Primary #E64F17 Orange Primary Bg #FFF4E5 Light Cream Secondary #F09573 Light Apricot Grayscale (Step 7) Step HEX 1 #FFFFFF 2 · 3 · 4 #787878 5 · 6 · 7 #000000Section: typo Font: Pretendard Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular Sample: Aa typography scale Style Size Sample Text Titles 24px Utilization Support UTILSUPPORT CardTile 17px Utilization Support UTILSUPPORT Menu 15px Util Support UTILSUPPORT CardText 14px Utilization Support UTILSUPPORTSection: color Main color Categorized HEX Color Primary #E64F17 Orange Primary Bg #FFF4E5 Light Cream Secondary #F09573 Light Apricot Grayscale (Step 7) Step HEX 1 #FFFFFF 2 · 3 · 4 #787878 5 · 6 · 7 #000000
UTILSUPPORT — Tool directory (top view) Logo: UTIL SUPPORT Navigation: Overall, fun & convenience, basic life, financial calculator, file conversion, design tool, marketing specialization, developer tool Top: Search bar / Dark mode / Favorite · Menu Fun & Convenience Tool Description Are you thinking about choosing an OX? Press the Decide button. The results of O or X will be randomly determined. It is a ladder game that allows you to recommend the winner by entering the number of participants and the winning contents of the ladder game. An online tool in the form of a spinning wheel that randomly selects a roulette/drawer name or item. Your Test Full of fun tests! Enjoy a lot of tests on your test. Special English Text Generator A site where you can generate special character English texts that can be used on SNS, etc. Try it! Lunch menu recommendation. What's today's lunch menu? Press the recommendation button! Synthesizing Emojis A site where you can create new emoji images by synthesizing emojis. It is a site where you can find emoticons that you can enjoy using on SNS, such as special emoticons collection emojis, ASCII art, and Fancy fonts at once. a basic life Tool Description It is a tool that checks the number of characters entered immediately. Spelling Checker This is a Korean spelling and grammar checker. Text Alignment Tool A tool that sorts text by alphabet and length. Simply enter the D-Day Calculator date and automatically calculate D-Day! Use it to manage anniversaries and deadlines. Lunar/Lunar calendar transducer It is a tool that converts lunar and solar energy. It is a tool that converts unit conversion unit. Email Validator A tool that quickly verifies email formats. English Address Translator This site converts Korean addresses into English addresses that will be used for overseas shipping. Online Signature/Paint Creation This site allows you to create signature and stamp images required for electronic contracts by entering your name. Calling Calculator We will calculate the number of relatives and relatives. Please call me, my spouse, and my child a relative… Pomodoro Timer Focus on what to do for 25 minutes and try the Pomodoro Timer on the web, which rests for 5 minutes. Braille Unicode Transformer BRF (braille file) or an online tool that can convert text into Unicode Braille (⠿).Pull OX (UtILSUPPORT tool details) Top: (Home) / Pull OX — Toggle and share dark mode main card - Are you thinking about choosing? - Press the button! - Button: Deciding (Right: Results Display Area) Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Copyright © DEVFIVE. All Rights Reserved.Text Sorting Tool (UTILSUPPORT Tool Details) Top: (Home) / Text Sorting Tool — Toggle in Dark Mode and Share Tab: sorting by alphabetical order / sorting by length Input area - Please enter the text to sort. Options Panel Classification criteria: - ● Enter - ○ Comma - ○ Space bar Sort order: - ● In ascending order (in alphabetical order) - ○ In descending order (lower order) Button: Initialize and sort Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Copyright © DEVFIVE. All Rights Reserved.Character count (UTILSUPPORT tool details) Top: (Home) / Character count — Toggle and share in dark mode Input area - Please enter the information here. Results Panel Sortation Include blanks Exclude spaces Button: Initialize and copy content Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Copyright © DEVFIVE. All Rights Reserved.Unit conversion (detail UTILSUPPORT tool) Top: (Home) / Unit conversion — Toggle and share in dark mode Sidebar (unit type) - Length (selected) - Width - Weight - volume - Temperature - Pressure - Speed - Fuel economy - Data Size - Time Length conversion CONVERSION: Meter (m) → pit (Ft) replacement button Calculated: 1 m = 3.2808 Ft Option: in a thousand, stamp (toggle off) Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Copyright © DEVFIVE. All Rights Reserved.Insta feed maker (detail UTIL SUPPRT tool) Top: (Home) / Insta Feed Maker — Toggle and Share Dark Mode Introduction - Fragmented, truncated Instagram feed thumbnail! - Create a feed thumbnail that does not cut with UtilSupport's Insta Feed Maker, which automatically calculates and edits margins. Upload Area - Please drag the image you want to edit here. - or - Button: Add a file from your device Recommended upload size - Feed Post: 1080×1350px (4:5) - Feed Thumbnail: 1010×1350px (3:4) - Story/Lice: 1080×1920px (9:16) - One-line feed: 3100×1350 - Two-line feed: 3100×2700 - 3-line feed: 3100×4050 Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Copyright © DEVFIVE. All Rights Reserved.D-Day Calculator (UTILSUPPORT Tool Details) Top: (Home) / D-Day Calculator — Toggle in Dark Mode and Share Tab: Calculate the number of days and calculate the date Input Item Value Base date 2025 - 05 - 16 D-DAY 2026 - 05 - 16 Option: Include base date as 1 day (Toggle OFF) Result - We have 365 days until D-DAY. Button: reset Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Copyright © DEVFIVE. All Rights Reserved.Braille Unicode Transducer (UTILSUPPORT Tool Details) Top: (Home) / Braille Unicode Transducer — Toggle in Dark Mode and Share Introduction - Does braille copied from hangeul (HWP) or a document look weird like @s8~u? - This is because braille was copied in plain characters, not in Unicode. - The Braille Unicode Transducer helps to ensure that modified braille displays correctly. conversion area Tab: Type text and upload file - (Enter) Please enter the text you want to interpret here. - ⇄ - (Output) The converted braille is shown here. announcement - If you want to change Hangul to Braille? - Use the real-time Hangul point library brillify. - Button: Shortcut Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Copyright © DEVFIVE. All Rights Reserved.Hangeul Lorem Ipsum Generator (UTIL SUPORT Tool Details) Top: (Home) / Korean Lorem Ipsum Generator — Toggle and share in dark mode Options Panel Number of paragraphs: -3 + Paragraph Length: - ● Short paragraphs - ○ Intermediate paragraphs - ○ Long paragraphs buttons:creating Result Area - This is where the content is created. - Press the Create button! What is "Lorem Ipsum" in Korean? - Hangul Lorem Ipsum is a standard dummy text generation tool for Hangul typography, font style, layout testing, and more. - It can be useful for testing visual structures or atmospheres without real content in a variety of design tasks such as publishing, graphics, and UI/UX planning. - The English-based 'Lorem Ipsum' has different letters, lines, and letters from Hangeul, so there is a limit to accurate previews in the Korean design environment. - Considering these differences, Hangeul Lorem Ipsum naturally fills the text area for uncompleted projects or neck-ups to help check the design flow and typo harmonization in advance. Footer - Contact and comment submission: contact@devfive.kr - DEVFIVE - Copyright © DEVFIVE. All Rights Reserved.
Back to List

Take the for your business,

All you need is an idea. From the first consultation to launch, DevFive is by your side.
Contact Us Now
Quick Inquiry